Ext实现增加页签功能

最新推荐文章于 2023-06-08 21:47:16 发布

LCpluto

最新推荐文章于 2023-06-08 21:47:16 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： ext 文章标签： javascript dominonotes ext domino notes

本文链接：https://blog.youkuaiyun.com/liuchang__/article/details/50203939

ext 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在Ext环境中实现动态增加页签功能。通过调用Ext.getCmp('tabs').add()方法，传入包含页签标题、内容和可关闭属性的对象，可以创建一个新的页签，内容可以是一个包含iframe的HTML，展示指定网页。

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

首先你得有个tabpanel，代码如下。

var tpanel = new Ext.TabPanel({
id:'tabs', //ID必须有，方便后面来获得这个父panel
region: 'center',
xtype: 'tabpanel',
enableTabScroll:true,
activeTab:0, //这个是创建后活动标签的数量
items: {
iconCls:'listicon',
title: '测试',
layout : 'border',
items:[
{split : true,region: 'west',layout:'fit',border : true,minSize : 100,autoScroll:true, maxSize : 300,width : 150,items:[treepan]},
{region: 'center',border : true, margins : '0 0 0 0',layout:'fit',items:[grid]}]
// html: 'The first tab\'s content. Others may be added dynamically' items:[grid]
}
})

好了，现在你就可以操作来增加新的标签了~~~~~

Ext.getCmp('tabs').add({ //tabs为tbapanel的ID
title: '测试1',
html:'<div><iframe src=“www.baidu.com” width="100%" height="100%" scrolling="yes" frameborder="0"> </iframe></div>',
closable:true //这里可以写html，我是将一个页面放到iframe，然后在页签中显示
}).show();

这样你就可以增加一个活动的标签了~~后面会写如何来关闭这个标签~~~~~~~~