Extjs 4 - 단추 메뉴 항목을 클릭하십시오.

Question

단추에 대해 menu이 있으며 이는 다시 컨테이너에 대해 tools으로 설정됩니다. 버튼 자체가 아니라 메뉴 항목을 클릭하여 처리하고 싶습니다. 어떻게 구현합니까?

Answer 1

예, 정직해야한다 :

Ext.onReady(function() { 

    new Ext.panel.Panel({ 
     renderTo: document.body, 
     title: 'A Panel', 
     width: 200, 
     height: 200, 
     tools: [{ 
      xtype: 'button', 
      text: 'Foo', 
      menu: { 
       items: [{ 
        text: 'Item 1', 
        handler: function() { 
         console.log('Item 1'); 
        } 
       }, { 
        text: 'Item 2', 
        handler: function() { 
         console.log('Item 2'); 
        } 
       }] 
      } 
     }] 
    }); 
}); 

Answer 2

당신은 아래의 코드를 통해 청취자의 모든 항목을 처리 할 수 ​​있습니다. 메뉴 설정을 버튼에 전달하고 클릭 리스너를 메뉴에 추가하십시오.

{ 
    xtype: 'button', 
    text: 'Button', 
    menu: { 
     xtype: 'menu', 
     items: [ 
      { text: 'foo' }, 
      { text: 'bar' }, 
      { text: 'hoge' } 
     ], 
     listeners: { 
      click: function(menu, item, e, eOpts) { 
       console.log(item.text); 
      } 
     } 
    } 
}