tabs_extjs 수를 제한하기 위한 extjs tabpanel의 구현 아이디어 및 코드

코드 복사 코드는 다음과 같습니다.

var tabIndex = 'shouye'
var tabIndex2 = 'shouye';
var tabIndex3 = 'shouye';
var tabIndex5 = 'shouye'; = 'shouye';/**
* TabPanel 구성 요소에 창을 추가하거나 기존 창을 활성화합니다.
* 지정된 리소스를 창에 로드합니다.
* @param 노드: 들어오는 노드 노드
*/
var loadPanel = function(node) {
var id= node.id;//노드 ID 가져오기
tabIndex7 = id;
var href = node.attributes.href; //노드에서 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);//현재 탭이 존재하는지 확인하세요.
return; 탭이 없는 경우 탭 코드 생성
tab = mainPanel.add(new Ext.Panel ({
//새 탭 생성을 위한 구성
id: String(id),/ /ID 설정, 문자열을 강제로 입력해야 함 Type
title: text,//Set tab title
tabTip: text,
html: '',
autoScroll: true,
enableTabScroll:true,
기본값: {autoScroll:true},
닫기 가능: true //닫을 수 있는지 여부
} ));
mainPanel.setActiveTab(tab);//탭 생성 후 활성화
mainPanel.remove(tabIndex, true)
tabIndex = tabIndex2 = tabIndex3;
tabIndex3 = tabIndex4;
tabIndex5 = tabIndex6;


탭을 선택할 때 새로운 스왑 ID를 로드하는 변수를 사용하여 열린 탭 수를 제한합니다. 이 효과가 꼭 필요하지 않은 경우 탭 패널을 자주 닫거나 생성하지 않는 것이 좋습니다.