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