未调用加载时extjs4侦听器

未调用加载时extjs4侦听器,extjs4,Extjs4,如果这没有多大意义,请原谅,因为我仍在试图理解extjs的某些方面。。我试图在加载页面时动态获取菜单。但似乎我的MenuFetch()函数没有被调用 这是我的代码,这是页面: PS:我甚至不确定我是否需要加载侦听器。基本上,我需要调用menuftech函数,该函数以json格式获取菜单项。使用Ext.ComponentLoader(或loader config属性)加载菜单的远程内容。根据您要完成的任务,xtype似乎应该是“菜单”而不是“面板”。试着这样做: var adminPanel =

如果这没有多大意义,请原谅,因为我仍在试图理解extjs的某些方面。。我试图在加载页面时动态获取菜单。但似乎我的MenuFetch()函数没有被调用

这是我的代码,这是页面:


PS:我甚至不确定我是否需要加载侦听器。基本上,我需要调用menuftech函数,该函数以json格式获取菜单项。

使用Ext.ComponentLoader(或loader config属性)加载菜单的远程内容。根据您要完成的任务,xtype似乎应该是“菜单”而不是“面板”。试着这样做:

var adminPanel = Ext.create('Ext.panel.Panel', {
    title: 'User Admin',
    region: 'center',
    layout: 'fit',
    dockedItems: {
        xtype: 'panel',
        dock: 'left',
        title: 'Main Menu',
        width: 160,
        layout: 'anchor',
        renderTo: Ext.getBody(),
        items:[
              {
                 xtype: 'menu',
                 width: 100,
                 loader: {
                     url: 'foo.bar',
                     autoLoad: true,
                     callback: function(loader, success, response, options) {
                         var menu = adminPanel.down('menu');
                         if (success) {
                           menu.add(response.items);
                           menu.show();
                         }
                     },
                     scope: this
                 }
             }
         ]
     }
 });
var adminPanel = Ext.create('Ext.panel.Panel', {
    title: 'User Admin',
    region: 'center',
    layout: 'fit',
    dockedItems: {
        xtype: 'panel',
        dock: 'left',
        title: 'Main Menu',
        width: 160,
        layout: 'anchor',
        renderTo: Ext.getBody(),
        items:[
              {
                 xtype: 'menu',
                 width: 100,
                 loader: {
                     url: 'foo.bar',
                     autoLoad: true,
                     callback: function(loader, success, response, options) {
                         var menu = adminPanel.down('menu');
                         if (success) {
                           menu.add(response.items);
                           menu.show();
                         }
                     },
                     scope: this
                 }
             }
         ]
     }
 });