从文件设置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