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类删除）。在启动方法内部对您可能嵌套在组合按钮内的菜单或工具栏执行Dom操作（css类删除）。

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

dojo - 删除ComboButton样式和悬停操作

1 个答案: