EXT js 按钮菜单项禁用

Question

我有一个 extjs 按钮“订单”，该按钮带有菜单项“orderInsuranceMenu”。我需要在某些条件下隐藏菜单项。我怎样才能实现它

orderInsuranceMenu = {
    id: 'menu-order-insurance'
    ,items: [
          { 
            id:'btnMenu1',
            text: 'Test Buton1',
            iconCls: 'icon-cls',
            listeners: {
                click: function(b,e){  
                   //some code goes here
                }
            }
        }
        ,{
            id:'btnMenu2',
            text: 'Test Buton2',
            iconCls: 'icon-first-title',
            listeners: {
                click: function(b,e){  
                    //Some code here
                }
            }
        }

    ]
};



Order = new Ext.Button({
    text: 'Order '
    , iconCls: 'icon-go'
    , disabled: true
    , menu: orderInsuranceMenu
    , handler: function() {
    }

});

我已经尝试过这段代码，但它不起作用：

Ext.getCmp('btnMenu2').hide();

Answer 1

解决方案：

在 Extjs 2.2 中没有使用 isVisible 显示或隐藏菜单项的方法 因此，经过大量挖掘和检查萤火虫后，我发现的最终解决方案是隐藏或显示特定项目，如下所示

extManager.orderInsuranceMenu.items.items[1].hide();
orderInsuranceMenu.items.items[1].show();

Answer 2

您可以在菜单项中使用 2.2 中可用的 setVisible 方法。 http://i.stack.imgur.com/kdw7f.png

如果由于某种原因不起作用，我会从菜单中删除该项目，然后在需要时将其重新添加到菜单中。

Answer 3

您可以使用按钮的setDisabled 方法实现此目的。即：

Ext.getCmp('btnMenu2').setDisabled(true);

如果您想将此应用于菜单中的所有项目，您可以这样做：

Ext.getCmp('menu-order-insurance').items.each(function(item) {
    if (item.isXType('button')) {
        item.setDisabled(true); // your condition here
    }
});