ExtJS的工具條加載項

Question

我需要加載通過AJAX項目（菜單），但不知道如何... 試圖做這樣的：

var tb = Ext.create('Ext.toolbar.Toolbar', { 
     renderTo: 'top-menu', 
     autoLoad: { 
      url: '/index/tullbar', 
      renderer: 'component', 
      params: { 
       userId: 1 
      } 
     }, 
     layout: { 
      overflowHandler: 'Menu' 
     } 
    }); 

}); 

響應：

[ 
    { 
     "text": "test", 
     "menu": { 
      "text": "asdf", 
      "handler":"handleAction.createDelegate(window)" 
     } 
    } 
] 

但處理程序不管用。 任何人都可以給出工作示例。

Answer 1

我沒有用過元素裝載機之前，所以我會做一個胡亂猜測，你應該根據http://docs.sencha.com/ext-js/4-0/#/api/-cfg-renderer指定渲染功能：

var tb = Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: 'top-menu', 
    autoLoad: { 
     url: '/index/tullbar', 
     renderer: function(loader, response) { 
      var menuItems = Ext.decode(response.responseText); 
      tb.items.add(menuItems); 
     }, 
     params: { 
      userId: 1 
     } 
    }, 
    layout: { 
     overflowHandler: 'Menu' 
    } 
});