List 外部菜单中的列表未响应事件

我正在尝试获取带有列表的外部菜单，以响应控制器中的事件。 我不知道为什么我无法从Ext.Menu中的列表中获得响应。 有人能告诉我我错过了什么吗。 谢谢

我的控制器

  Ext.define( 'Pear.controller.Main', {     
  extend:'Ext.app.Controller',

   config:{
      refs: {
          Main: 'main',
             },


      control: {

           'main list ':{
            itemtap:function(list,index,target,record){      
            console.log("Option 2 Tapped");
          }
         },    


        },


       }
      });

---

你的列表参考是错误的。获取项目引用的最佳方法是将config name属性设置为该项目，如下所示：-

{
            xtype: 'list',
            itemTpl: '{title}',
            name: 'menu_list',  // add this property to get the reference

            data: [{
                title: 'Menu item 1'
            }, {
                title: 'Menu item 2'
            },


            {
                title: 'Menu item 3'
            }, {
                title: 'Menu item 4'
            }]
}

在控制器中添加控件：-

 Ext.define( 'Pear.controller.Main', {     
  extend:'Ext.app.Controller',

   config:{
      refs: {
         menuList : "list[name='menu_list']"
             },


      control: {

           menuList : {
            itemtap: function(list,index,target,record){      
            console.log("Option 2 Tapped");
           }
         }   
        }
      }
      });

 Ext.define( 'Pear.controller.Main', {     
  extend:'Ext.app.Controller',

   config:{
      refs: {
         menuList : "list[name='menu_list']"
             },


      control: {

           menuList : {
            itemtap: function(list,index,target,record){      
            console.log("Option 2 Tapped");
           }
         }   
        }
      }
      });