Ext.js入门：TabPanel组件（八）

Ext.js入门：TabPanel组件（八）

一：TabPanel组件简介

二：简单代码示例

三：使用iframe作为tab的标签页内容

四：动态添加tabpanel的标签页

五：为tabpanel标签页添加右键菜单

方式一：

方式二：

效果：

几个相关参数 1.tabPosition:“bottom”//选项卡的位置,枚举值bottom,top.默认为top(只有top的时候才能选项卡的滚动!) 2.tabTip:“提示”//必须先调用Ext.QuickTips.init();才有效果

3、经常我们有这么个情况,一个选项卡加载一个页面,这里我提供一种不是很好但是很稳定的简单方法(已经在项目中验证没有出现问题). 就是:使用iframe作为tab的标签页内容.

代码：

添加新页面

为tabpanel标签页添加右键菜单

//几个参数说明 1.enableTabScroll:true//前面已经说过了 2. listeners:{“contextmenu”:function(参数1,参数2,参数3){.}}   //右键菜单事件，三个参数分别为当前tabpanel，当前标签页panel，事件对象e

每个标签页都有激活和去激活事件

activate和deactivate，他们的执行函数有个参数，就是当前标签页。

例子：

添加新页面

效果图：

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。