删除组合按钮样式和悬停动作

Question

我正在以编程方式创建dijit.form.ComboButton。然而，我想删除所有的dijit样式从它(例如。dijitButtonNode类)。我还想禁用样式从改变当我悬停在它。

目前，我只是在创建ComboButton后做这个:

dojo.query(".dijitButtonNode", myComboButton.domNode).removeClass("dijitButtonNode");

所以我的两个问题是，1)这是最好的方式来删除样式，2)我如何禁用悬停样式?

Answer 1

HTML:

<div id="menu" dojoType="dijit.myComboButton">
    <span>Save Me</span>
    <div  dojoType="dijit.Menu" id="cmbmnu">
        <div dojoType="dijit.MenuItem">
            Save as
        </div>
        <div dojoType="dijit.MenuItem">
            Save as Email Draft             
        </div>
    </div>      
</div>

JS:

   dojo.provide("dijit.myComboButton");
   dojo.declare('dijit.myComboButton', [dijit.form.ComboButton],{
   postCreate:function(){
    this.inherited(arguments);
    //console.log(this.containerNode);
},
startup:function(){
    var x =dijit.byId('cmbmnu');
}
   })

在postCreate方法内部进行Dom操作(css类移除)。在startup方法中，对可能嵌套在combobutton中的菜单或工具栏进行Dom操作(css类移除)。

注意myComboButton是一个自定义小部件