Extjs 4.1 Check Change Listener

Question

處理菜單檢查項目事件的正確方法是什麼？

我有這樣的菜單：

{ 
     xtype: 'button', 
     id: 'types_btn', 
     autoWidth: true, 
     text: 'Types', 
     menu: { 
       xtype: 'menu', 
       frame: true, 
       id: 'types_menue', 

       items: [ 
         { 
         xtype: 'menucheckitem', 
         id: 'f_type', 
         text: 'first', 
         listeners: { 
          checkchange: { 
            fn: me.onFirstButtoncheckchange, 
            scope: me 
            } 
             } 
         }, 
         { 
         xtype: 'menucheckitem', 
         id: 's_type', 
        text: 'second', 
         listeners: { 
          checkchange: { 
            fn: me.onSecondButtoncheckchange, 
            scope: me 
            } 
             } 
         } 

然後功能：

onFirstButtoncheckchange: function(menucheckitem, checked, options) { 

    var t = Ext.getCmp('f_type'); 
       if (t.checked) 
        goToFunction(???); 
       . 
       . 
    }, 
onSecondButtoncheckchange: function(menucheckitem, checked, options) { 

    var t = Ext.getCmp('s_type'); 
       if (t.checked) 
        goToFunction(???); 
       . 
       . 
    }, 

1-反正是有使用一個偵聽器，並收集所有不同的功能呢？

2-如何將當前項目發送到goToFunction（），如代碼中所示？

Answer 1

只是要爲每個菜單檢查項目的處理程序：

items: [{ 
    xtype: 'menucheckitem', 
    text: 'select all' , 
    id: 'first' , 
    listeners: { 
     checkchange: me.myHandler 
    } 
},{ 
    xtype: 'menucheckitem', 
    text: 'select specific' , 
    id: 'second' , 
    listeners: { 
     checkchange: me.myHandler 
    } 
}] 

而且你的處理程序定義如下：

myHandler: function (menucheckitem, checked, opts) { 
    switch (menucheckitem.getId()) { 
     // Here handles the first 
     case 'first': 
      if (checked) { 
       console.log ('First checked!'); 
       goToFunction(); 
      } 
      break; 
     // Here handles the second 
     case 'second': 
      if (checked) { 
       console.log ('Second checked!'); 
       goToFunction(); 
      } 
      break; 
     default: 
      console.log ('Whatever!'); 
    } 
} 

Answer 2

看起來聽者不會被觸發經常。您可以使用checkHandler配置。