extjs tabpanel限制選項卡數(shù)量實現(xiàn)思路及代碼
更新時間:2013年04月02日 14:57:23 作者:
使用的是用變量存儲 id 加載新的選卡時 交換 id ,從而限制了打開的選項卡數(shù)量,如果不是一定要這個效果,建議不要頻繁的關(guān)閉和創(chuàng)建tabpanel,感興趣的朋友可以參考下哈
復(fù)制代碼 代碼如下:
var tabIndex = 'shouye';
var tabIndex2 = 'shouye';
var tabIndex3 = 'shouye';
var tabIndex4 = 'shouye';
var tabIndex5 = 'shouye';
var tabIndex6 = 'shouye';
var tabIndex7 = 'shouye';
/**
* 向TabPanel組件中添加窗口或激活已經(jīng)存在的窗口
* 并將指定資源加載進(jìn)窗口
* @param node : 傳入的Node節(jié)點
*/
var loadPanel = function(node) {
var id= node.id;//獲取節(jié)點的id
tabIndex7 = id;
var href = node.attributes.href;//獲取節(jié)點中的href屬性
var text = node.text;
var mainPanel = Ext.getCmp('mainPanel');
//mainPanel.remove('mainPanel', true);
var qtip = node.attributes.qtip;
var tab = mainPanel.getComponent(String(id));//獲取指定id的組件對象
if(tab) {
mainPanel.setActiveTab(tab);//檢驗當(dāng)前Tab選項卡是否存在,如果存在只需要激活
return;
}
//如果選項卡不存在,則以下為創(chuàng)建選項卡代碼
tab = mainPanel.add(new Ext.Panel ({
//創(chuàng)建新選項卡的配置
id : String(id),//設(shè)置ID,需強制轉(zhuǎn)換為string類型
title : text,//設(shè)置選項卡標(biāo)題
tabTip : text,
html : '<iframe width=100% id=main_desk name=main_desk height=100% frameborder=0 scrolling=auto src=' + href + ' />',
autoScroll: true,
enableTabScroll:true,
defaults: {autoScroll:true},
closable : true //是否可以關(guān)閉
}));
mainPanel.setActiveTab(tab);//創(chuàng)建選項卡后,將其激活
mainPanel.remove(tabIndex, true);
tabIndex = tabIndex2;
tabIndex2 = tabIndex3;
tabIndex3 = tabIndex4;
tabIndex4 = tabIndex5;
tabIndex5 = tabIndex6;
tabIndex6 = tabIndex7;
}
使用的是用變量存儲 id 加載新的選卡時 交換 id ,從而限制了打開的選項卡數(shù)量,如果不是一定要這個效果,建議不要頻繁的關(guān)閉和創(chuàng)建tabpanel
相關(guān)文章
Extjs Label的 fieldLabel和html屬性值對齊的方法
這篇文章主要介紹了Extjs Label的 fieldLabel和html屬性值不能對齊的解決方法,需要的朋友可以參考下2014-06-06Ext GridPanel加載完數(shù)據(jù)后進(jìn)行操作示例代碼
Ext GridPanel加載完數(shù)據(jù)后進(jìn)行操作,比如load數(shù)據(jù)之后選定某些行數(shù)據(jù),下面有個示例,需要的朋友可以參考下2014-06-06JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析
TreePanel為ExtJS提供了一個方便的樹結(jié)構(gòu)數(shù)據(jù)展示,尤其是在處理JSON格式數(shù)據(jù)時十分常用,接下來我們就來看兩則JavaScript的ExtJS框架中數(shù)面板TreePanel的使用實例解析2016-05-05Extjs學(xué)習(xí)筆記之二 初識Extjs之Form
form恐怕是Web開發(fā)中最常用的控件了,Extjs對普通的html form進(jìn)行了一些封裝,使其具有基本的外觀和一些簡便的和服務(wù)器進(jìn)行通信的方法。2010-01-01Extjs改變樹節(jié)點的勾選狀態(tài)點擊按鈕將復(fù)選框去掉
需要一個功能點擊一個按鈕后將樹節(jié)點前的復(fù)選框去掉,變成沒有選擇的狀態(tài),百度一下發(fā)現(xiàn)個不錯的方法,需要的朋友可以參考下2013-11-11ExtJS4 Grid改變單元格背景顏色及Column render學(xué)習(xí)
利用的是Column的render實現(xiàn)單元格背景顏色改變,本文給予了實現(xiàn)代碼,感興趣的朋友可以了解下,或許對你學(xué)習(xí)ExtJS4 Grid有所幫助2013-02-02ExtJs GridPanel簡單的增刪改實現(xiàn)代碼
ExtJs GridPanel中實現(xiàn)增刪改效果的代碼,需要的朋友可以參考下。2010-08-08extjs 的權(quán)限問題 要求控制的對象是 菜單,按鈕,URL
這兩天在解決extjs 的權(quán)限問題。要求控制的對象是 菜單,按鈕,URL2010-03-03