項目をクリックするとメニュー項目が表示されます

Question

Extjs項目をクリックするとメニューが非表示になります。誰かがメニュー項目をクリックしてもメニューを表示したい。

フィドル：https://fiddle.sencha.com/#view/editor&fiddle/1nfo

Ext.create('Ext.button.Button', { 
text:'menu open', 
id: 'todostatusFilter', 
renderTo:Ext.getBody(), 
menu: { 
    xtype: 'menu', 
    id: 'todostatusFilterMenu', 
    items: [{ 
     text: 'All', 
     action: 'All', 
     checked: true, 
     group: 'todoSortByStatus' 
    },{ 
     text: 'incomplete', 
     action: 'Incomplete', 
     checked: false, 
     group: 'todoSortByStatus' 
    }, { 
     text: 'Complete', 
     action: 'Complete', 
     checked: false, 
     group: 'todoSortByStatus' 
    }] 
} 
}); 

Answer 1

あなたはこれを試すことができます - ボタンにenableToggle: trueを追加し、同様にメニューのbeforehideにリスナーを追加します。おかげで

button = Ext.create('Ext.button.Button', { 
    text: 'menu open', 
    id: 'todostatusFilter', 
    renderTo: Ext.getBody(), 
    enableToggle: true, 
    menu: { 
     xtype: 'menu', 
     id: 'todostatusFilterMenu', 
     listeners: { 
      beforehide: function() { 
       return !button.pressed; 
      } 
     }, 
     items: [{ 
      text: 'All', 
      action: 'All', 
      checked: true, 
      group: 'todoSortByStatus' 
     }, { 
      text: 'incomplete', 
      action: 'Incomplete', 
      checked: false, 
      group: 'todoSortByStatus' 
     }, { 
      text: 'Complete', 
      action: 'Complete', 
      checked: false, 
      group: 'todoSortByStatus' 
     }] 
    } 
}); 

https://fiddle.sencha.com/#view/editor&fiddle/1nfp