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, 

NEDDが、これは動作しません理解でき 私はそれをどのように行うことができますか？

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