实现以下图片的功能:
实现的代码:
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);
}
});