在鼠標懸停期間設置PopupMenuBarItem的背景顏色

Question

尋找一些幫助，瞭解如何在鼠標懸停期間在dijit.PopupMenuBarItem對象上更改背景和 字體顏色。當指針 位於菜單欄中的「文件」上方時，鼠標懸停的默認顏色爲淡藍色。我看過cssStateNodes，但我不認爲這是我正在尋找的 。目前使用道場1.5.0目前...

dojo.require("dijit.MenuBar"); 
dojo.require("dijit.MenuBarItem"); 
dojo.require("dijit.PopupMenuBarItem"); 
dojo.require("dijit.Menu"); 
dojo.require("dijit.MenuItem"); 
dojo.require("dijit.PopupMenuItem"); 

var pMenuBar; 
dojo.addOnLoad(function() { 
    pMenuBar = new dijit.MenuBar({ 
    style: "background-color: #495569" 
    }); 

    var pSubMenu = new dijit.Menu({}); 
    pSubMenu.addChild(new dijit.MenuItem({ 
    label: "File item #1" 
    })); 

    pMenuBar.addChild(new dijit.PopupMenuBarItem({ 
    label: "File", 
    style: "color: white", 
    popup: pSubMenu 
    })); 

    pMenuBar.placeAt("dojoMenu"); 
    pMenuBar.startup(); 
}); 

感謝您的幫助....

Answer 1

想出如何完成這件事：

var pSubMenu2 = new dijit.Menu({ 
    onFocus: function() { 
    var obj = dijit.byId('editID'); 
    if (obj) { 
     obj.attr('style','color: black'); 
    } 
    }, 
    onBlur: function() { 
    var obj = dijit.byId('editID'); 
    if (obj) { 
     obj.attr('style','color: white'); 
    } 
    }, 
    onMouseDown: function() { 
    var obj = dijit.byId('editID'); 
    if (obj) { 
     obj.attr('style','color: white'); 
    } 
    } 
}); 

pSubMenu2.addChild(new dijit.MenuItem({ 
    onMouseOver: function() { 
    var obj = dijit.byId('editID'); 
    if (obj) { 
     obj.attr('style','color: black'); 
    } 
    }, 
    label: "Edit item #1" 
    })); 

pSubMenu2.addChild(new dijit.MenuItem({ 
    onMouseOver: function() { 
    var obj = dijit.byId('editID'); 
    if (obj) { 
     obj.attr('style','color: black'); 
    } 
    }, 
    label: "Edit item #2" 
    })); 

pMenuBar.addChild(new dijit.PopupMenuBarItem({ 
    id: "editID", 
    label: "Edit", 
    style: "color: white", 
    onMouseOver: function() { 
    this.attr('style','color: black'); 
    }, 
    onMouseLeave: function() { 
    this.attr('style','color: white'); 
    }, 
    popup: pSubMenu2 
    }));