2012-07-13 4 views
0

Кто-нибудь знает пользовательский селектор css для dijit.MenuItem label?dijit.menu css selector

вот JS, который добавляет dijit.MenuItem-х:

dojo.forEach(basemapGallery.basemaps, function(basemap) { 
     //Add a menu item for each basemap 
     dijit.byId("bingMenu").addChild(new dijit.MenuItem({ 
      label: basemap.title, 
      iconClass: basemap.title, 
      onClick: function(){basemapGallery.select(basemap.id)} 
     })); 
}); 

вот статический HTML:

<td align="center" style="width: 50px;" valign="middle"> 
     <button id="dropdownButton" iconClass="btnImgBaseMap" title="Switch Basemap" dojoType="dijit.form.DropDownButton">      
      <div dojoType="dijit.Menu" id="bingMenu"> 
       <!--The menu items are dynamically created using the basemap gallery layers--> 
      </div> 
     </button> 
</td> 

спасибо !!

ответ

2

Добавить пользовательский класс CSS меню

var w = dijit.byId("bingMenu"); 
dojo.addClass(w.domNode, "myMenu"); 

и использовать следующий CSS

.dijitMenu.myMenu .dijitMenuItem .dijitMenuItemLabel { 
    color: white; 
} 

Вот пример:

http://jsfiddle.net/cswing/GCBnF/

Если вам нужно CSS, что является уникально для каждого пункта меню, затем добавить пользовательский класс в пункт меню

var bingMenu = dijit.byId(...); 
var w = new dijit.MenuItem({ 
     label: basemap.title, 
     iconClass: basemap.title, 
     onClick: function(){basemapGallery.select(basemap.id)} 
    }); 
dojo.addClass(w.domNode, "bing"); 
bingMenu.addChild(w); 

и использовать следующий CSS

.dijitMenu.myMenu .dijitMenuItem.bing .dijitMenuItemLabel { 
    color: white; 
} 
+0

именно то, что я искал. Благодаря! – dan