Sencha 触摸面板内部面板不显示

Question

我在面板内有一个面板作为一个项目，以及其他停靠的项目。 由于某种原因它没有出现。 这些是要添加到主面板的内容：

    MarketMakerApp.views.businessInfo = new Ext.Panel({
        id: 'businessInfo',
        layout: 'fit',
        html: '<br /><br /><br /><div>{ id } </div>' + '<div>{ title }</div>'
        //html: 'This is the business info view'
    });

     MarketMakerApp.views.businessTabbar = new Ext.TabBar({
        dock: 'bottom',
        ui: 'dark',
        items: [
            {
                text: '1',
                iconCls: 'info',
                hander: function() {
                    MarketMakerApp.views.viewport.setActiveItem('businessInfo', {type: 'slide', direction: 'left' });
                }
            },
            {
                text: '2',
                iconCls: 'star',
                hander: function() {
                    this.add( MarketMakerApp.views.businessInfo);
                    this.setActiveItem(2);
                }
            },
            {
                text: '3',
                iconCls: 'map',
                hander: function() {
                }
            }
        ]
    });

主面板是这样的：

    MarketMakerApp.views.businessContainer = new Ext.Panel({
        id: 'businessContainer',
        layout: 'fit',
        dockedItems: [
            MarketMakerApp.views.businessTypeListToolbar,
            MarketMakerApp.views.businessTabbar
        ],
        items: [ MarketMakerApp.views.businessInfo]
    });

选项卡栏和工具栏显示正常，但我看不到 BusinessInfo 面板。 任何建议将不胜感激。

ps 我在 Tabpanel 上挣扎了太久，以至于无法放弃，现在只使用 tabbar。

Answer 1

我在以编程方式创建面板（或无论您的观点是什么）方面没有取得任何成功。不过，这里有一些确实可以使用该方法的代码。

将 initComponent 函数添加到您的businessContainer，如下所示，而不是在businessContainer面板上设置项目：

initComponent: function(){
    Ext.apply(this, {
        items: [
            MarketMakerApp.views.businessInfo
        ]
    });
    MarketMakerApp.views.businessContainer.superclass.initComponent.apply(this, arguments);
}