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

原创于 2019-05-29 14:22:58 发布 · 270 阅读

0 ·

CC 4.0 BY-SA版权

extjs 专栏收录该内容

5 篇文章

订阅专栏

博客展示了实现特定图片功能的代码。代码定义了一个继承自 Ext.tab.Panel 的组件，包含初始化组件、表单的方法，还有查看详情和跟踪的功能方法，通过创建不同面板并设置布局和加载数据来实现相应操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现以下图片的功能：

实现的代码：

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);
   }
});