javascript - dijit/MenuItem 已禁用但不会自动变灰

Question

我在 JS Canvas 对象的弹出菜单中使用了 dijit/MenuItem。当用户右键单击 Canvas 时，我想显示菜单并根据用户选择的位置禁用某些项目。因此，我在 Canvas 的 onmousedonw 事件中编写代码以禁用该项目。

一切正常，除了当我右键单击并且菜单项从启用变为禁用时，菜单中的项目仍然显示为正常状态，直到我将鼠标移到它上面然后它显示为灰色为禁用。有没有一种方法可以在更改禁用状态后以某种方式“刷新”菜单项，以便在菜单显示时立即显示为灰色？

菜单的 HTML

<ul dojoType="dijit/Menu" id="menu" style="display: none;border-radius:3px;">
<div dojoType="dijit/MenuItem" id="Popup_Cut"><span>Cut</span></div></ul>

禁用JS

function handleMouseDown(event) {

 if(...)
     dijit.byId("Popup_Cut").disabled = true;
}

Answer 1

不使用属性 disabled，而是使用 set 方法:

dijit.byId('Popup_Cut').set("disabled",true);

有同样的问题，这对我有用。

关于 set 的更多信息: http://dojotoolkit.org/reference-guide/1.8/dijit/info.html#set-and-get