ExtJs4 动态加载工具栏中的项目

Question

如何在 ExtJs 4 工具栏中动态加载项目？我想从 JSON 加载项目。

我已经尝试过加载器，但它只是变得头疼。

Ext.define('Backend.view.Nav' ,{
    alias: 'widget.Nav',
    extend: 'Ext.toolbar.Toolbar',
    initComponent: function() {
        this.items = [
        {
            iconCls: 'freewinder',
            text: 'Freewinder'
        },
        {
            iconCls: 'application',
            text: 'Applikationen',
            xtype: 'splitbutton'
        },
        {
            iconCls: 'component',
            text: 'Komponenten',
            xtype: 'splitbutton'
        },
        '-',
        {
            emptyText: 'Suche ...',
            xtype: 'textfield'
        }];     
        this.callParent(arguments);
    }
});

Answer 1

工具栏构建完成后，可以使用Ext.toolbar.Toolbar的add方法动态添加项目：http://docs.sencha.com/ext-js/4-0/#!/api/Ext.toolbar.Toolbar-method-add

您希望它如何工作？如果工具栏出现，发出 AJAX 请求并添加菜单项 - 或者服务器应该在页面加载时为客户端应用程序提供一些包含菜单项的 JSON，或者您希望它如何准确工作？

如果服务器在页面加载时输出 JSON，您只需执行 this.items = jsonItems。