2011-05-05 29 views
0

我创建了一个dijit.form.ComboButton以编程方式。但是,我想要从中删除所有的dijit样式(例如,dijitButtonNode类)。当我将鼠标悬停在其上时,我也想禁用更改的样式。道场 - 删除ComboButton样式和悬停行动

目前,我只是在做这之后我创建ComboButton:

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

所以我的两个问题是:1)这是除去造型的最佳方式,和2)我怎么禁用悬停式样?

回答

0

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类删除),您可能已将它们嵌套在combobject中。

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