javascript - Devextreme 实时更新菜单

Question

我尝试使用 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,

但这不起作用我怎样才能做到这一点？

Answer 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 
});