extjs动态添加TabPanel

本文介绍如何在ExtJS中动态地添加TabPanel,并实现内容的自动加载。示例展示了如何通过`addTab`函数创建新的选项卡,并通过`autoLoad`属性从指定URL加载内容。
摘要由CSDN通过智能技术生成

//主面板

var mainTab = new Ext.TabPanel({
   id : 'mainTabPanel',
   enableTabScroll : true,
   closeAll : true,
   activeTab : 0,
   tabWidth : 250,
   minTabWidth : 120,
   resizeTabs : true,
   items : [{
         id : 'mywork',
         xtype : 'tabpanel',
         title : '欢迎使用客户关系管理系统',
         autoLoad : {
             url : 'jsp/mywork.htm',
             scripts : true
         }
  }],
  defaults : {
         autoScroll : true,
         height : 490
       }

 });

 

 

 

/**
 * 向tab中添加选项卡

 * @params myId 被添加的组件id  myTitle 创建tabpanel时需要 myurl 将要加载数据的地址

 */
function addTab(myId, myTitle, myUrl) {
     var mainTabPanel = Ext.getCmp('mainTabPanel Id');
     var gid = Ext.getCmp(myId);
     if (g

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值