Dextreme 实时更新菜单

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

Dextreme 实时更新菜单

Devextreme live update menu

javascript

jquery

devextreme