Devextreme 实时更新菜单答案

【问题标题】：Devextreme live update menuDevextreme 实时更新菜单
【发布时间】：2017-07-11 06:15:34
【问题描述】：

我尝试使用 devextreme + jquery/ 我可以理解，我该如何做下一个功能我知道了

$("#gridContainer").dxDataGrid({
                dataSource: gridDataSource,
                selection: {
                    mode: "multiple"
                },
.
.
.
onSelectionChanged: function () {
                        console.log('Hoola!!');
                    var menu = $("#menu").dxMenu('instance');
                    disabledMenu = false;
                    menu.repaint();

                }


 var menuItems = [
    {
     text: "With checked",
     icon: "preferences",
     disabled: disabledMenu,

但这不起作用我该怎么做？

【问题讨论】：

标签： javascript jquery devextreme

【解决方案1】：

禁用 dxMenu 项目的最简单方法是通过“items”选项访问必要的项目。例如：

https://jsfiddle.net/fktfju1c/

$("#button").dxButton({
    text: "Disable the 'DesktopLCD 21' item",
    onClick: function () {
       var menuInstance = $("#menu").dxMenu("instance");
       menuInstance.option("items[2].items[1].disabled", true);
    }
});

$("#menu").dxMenu({
    dataSource: menuItems 
});

【讨论】：