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

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

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

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

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

1 个答案: