Question

Ext.define('MyApp.view.TopToolbar', {
    extend: 'Ext.container.Container',
    alias: 'widget.toptoolbar',
    initComponent: function() {
        Ext.applyIf(this, {
            layout: 'fit',
            cls : 'x-bottombar',
            html : 'HTML FRAGMENT'
        });
        this.callParent(arguments);
    }
});

最初这个组件包含了一小段html，但现在它会显着增加。所以我想将它移动到外部文件，但我发现在文档中没有办法做到这一点。有没有办法做到这一点？我不希望在我的js中有大量的html。

Answer 1

在组件上使用loader配置：

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.AbstractComponent-cfg-loader

http://docs.sencha.com/ext-js/4-1/#!/api/Ext.ComponentLoader

从文件设置Ext.container.Container的内容

1 个答案: