tabs_extjs の数を制限するための extjs tabpanel の実装アイデアとコード

コードをコピーします コードは次のとおりです。

var tabIndex = 'shouye'; = 'ショウイ';
var tabIndex4 = 'ショウイ';
var tabIndex6 = 'ショウイ'; = 'shouye ';
/**
* TabPanel コンポーネントにウィンドウを追加するか、既存のウィンドウをアクティブ化します
* 指定されたリソースをウィンドウにロードします
* @param ノード: 受信ノード ノード
*/
varloadPanel = function(node) {
var id=node.id;//ノードのIDを取得します
tabIndex7 = id;
var href = node.attributes.href; // ノードの href 属性を取得します。
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);// 現在のタブが存在するかどうかを確認し、存在する場合はそれをアクティブ化します
return;
//タブが存在しない場合は、Create tab code
tab = mainPanel.add(new Ext.Panel ({
//新しいタブを作成するための設定
id: String(id),/ /ID を設定します。文字列に強制する必要があります。 Type
title: text,//タブ タイトルを設定
tabTip: text,
html: ''、
autoScroll: true、
enableTabScroll:true、
デフォルト: {autoScroll:true}、
closeable : true //閉じられるかどうか
} ));
mainPanel.setActiveTab(tab);//タブを作成したらアクティブ化します
mainPanel.remove(tabIndex, true); tabIndex2;
tabIndex3 = tabIndex4;
tabIndex5 = tabIndex6;


変数を使用して ID を保存し、タブを選択するときに新しいスワップ ID をロードします。これにより、開いているタブの数が制限されます。この効果が絶対に必要でない場合は、タブパネルを頻繁に閉じたり作成したりしないことをお勧めします。