title: EXT js Button menu item disable
body: <p>I have a extjs button "Order" with menu items 'orderInsuranceMenu' for the button. I need to hide the menu items depeniding on some condition. How can i achive it</p>
  
  <pre><code>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&amp;#160;'
      , iconCls: 'icon-go'
      , disabled: true
      , menu: orderInsuranceMenu
      , handler: function() {
      }
  
  });
  </code></pre>
  
  <p>I have tried this code but it doesnt work:</p>
  
  <p>Ext.getCmp('btnMenu2').hide();</p>