关于extjs中tabPanel页面开发小结。

实现以下图片的功能：

实现的代码：

Ext.define('app.bad.litigation.litigationTrack.LitigationTrackTabPanel', {
    extend : 'Ext.tab.Panel',
    layout: 'fit',
    /**
     * 
     * 初始化组件
     */
    initComponent : function() {
        var me = this;
        me.initForm();
        this.callParent(arguments);
    },
    /**
     * 初始化表单
     */
    initForm : function() {
        var me = this;
        
        me.litigationDetailPanel=Ext.create('app.bad.litigation.litigationTrack.LitigationTrackDetailPanel');
        me.litigationTrackDetailPanelItem=Ext.create('Ext.panel.Panel',{
            title:"查看详情",
            layout: 'fit',
            items: [me.litigationDetailPanel]
        });
        
        me.litigationTrackPanelMain=Ext.create('app.bad.litigation.litigationTrack.LitigationTrackPanelMain');
        me.litigationTrackPanelMainItem=Ext.create('Ext.panel.Panel',{
            title:"跟踪",
            layout: 'fit',
            items: [me.litigationTrackPanelMain]
        });
        me.items= [me.litigationTrackDetailPanelItem,me.litigationTrackPanelMainItem
        ];
    },
    /**
     * 查看详情
     */
    toView:function(selectRecord){
        var me = this;
        me.litigationDetailPanel.loadData(selectRecord);
        me.litigationTrackPanelMain.loadData(selectRecord);
        me.setActiveTab(me.litigationTrackDetailPanelItem);
    },
    /**
     * 跟踪
     */
    toLitigationTrack:function(selectRecord){
        var me = this;
        me.litigationDetailPanel.loadData(selectRecord);
        me.litigationTrackPanelMain.loadData(selectRecord);
        me.setActiveTab(me.litigationTrackPanelMainItem);
    }
});