dojo - Dojo メニューバー項目の有効化と無効化

Question

5 つのメニュー バー項目を持つ Dojo メニュー バーがあります。ページの読み込み時に、メニュー バー項目の 1 つが無効モードになります。[追加] メニュー バー項目をクリックすると、無効になっているメニュー バー項目 ([保存]) が有効になる必要があります。以下のスクリプトを使用して有効にしています。しかし問題は、それが同じ列に並んでいないことです。次の行で有効になります。これを修正する方法。

ここに私の道場のメニューバーがあります:

<div class="claro" id="menuDiv151" onclick="setWidgetproperty(this.id,'x','navMenu151');" onmousedown="setMenuBarProperty('navMenu151');" onmouseup="setDocStyle(this.id)" style="border:1px dotted white; left: auto; position: absolute; width:450px; top: 620px;">
     <div dojotype="dijit.MenuBar" id="navMenu151" style="font-size:11pt;" title="MenuBar">
          <div dojotype="dijit.MenuBarItem" id="SelectMenu151" onclick="getEventLogUserSelect();setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="SelectMenu151" name="Select5.png" onclick="setImgProperty(this.id)" src="images/uploads/select.png" style="height:20px; width:20px;">
               Select
          </div>
          <div dojotype="dijit.MenuBarItem" id="AddMenu151" onclick="getUserAdd();setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="AddMenu151" name="Add6.png" onclick="setImgProperty(this.id)" src="images/uploads/add.png" style="height:20px; width:20px;">
               Add
          </div>
          <div dojotype="dijit.MenuBarItem" id="CopyMenu151" onclick="setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="CopyMenu151" name="Copy7.png" onclick="setImgProperty(this.id)" src="images/uploads/Terminate.png" style="height:20px; width:20px;">
               Copy
          </div>
          <div dojotype="dijit.MenuBarItem" id="DeleteMenu21" onclick="setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="DeleteMenu21" name="Delete8.jpg" onclick="setImgProperty(this.id)" src="images/uploads/cancel.png" style="height:20px; width:20px;">
               Delete
          </div>
          <div dojotype="dijit.MenuBarItem" id="SaveMenu21" onclick="setMenuId(this.id);" style="font-size:11pt;" title="menuBarItem">
               <img class="images" id="SaveMenu21" name="Save9.jpg" onclick="setImgProperty(this.id)" src="images/uploads/save.png" style="height:20px; width:20px;">
               Save
          </div>
     </div>
</div>

およびアイテムを有効および無効にするスクリプト:

window.onload = function() {
document.getElementById("SaveMenu21").style.display='none';
};
function getUserAdd(){
document.getElementById("SaveMenu21").style.display='block';
}

Answer 1

メニューバー項目を非表示にする方法とメニューバー項目を無効にする方法を示す例を次に示します

http://jsfiddle.net/cswing/62Jcp/

require(["dojo/ready", "dijit/registry", "dojo/dom-style"], 
  function(ready, registry, domStyle) {

    ready(200, function(){
        var menuItem = registry.byId("saveItemDisabled");
        menuItem.set('disabled', true);

        menuItem = registry.byId("saveItemHidden");
        domStyle.set(menuItem.domNode, 'display', 'none');
    });    
});

Answer 2

これを試して

dijit.byId("myElement").attr("disabled", false);