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

博客展示了实现特定图片功能的代码。代码定义了一个继承自 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);
    }
});
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值