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

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