ext--tablepanel
tabpanel.html
Ext.onReady(function(){
var tabPanel = new Ext.TabPanel(
{
activeTab:0,// Tab
width:document.body.clientWidth,
height:document.body.clientHeight,
closable : true,
autoDestroy:true,
items:[
{title:" 1",html:"<b> 1</b>",bodyStyle:"padding:10px"},// 。
{title:" 2",autoLoad:{url:"../index.jsp"}},//
{title:" 3",contentEl:"div1"},
{title:" 4",html:"<b> 4</b>"},
{title:" 5",html:"<b> 5</b>"}
],
renderTo:"tab",
defaults:{autoScroll:true},
enableTabScroll:true,//
border:true,// 。
frame:true
}
);
Ext.get("btn1").on("click",function(){
var activeTab = tabPanel.getActiveTab();
tabPanel.items.each(function(item){
alert(item);
if (item.closable && item != activeTab){
tabPanel.remove(item);
}
});
});
Ext.get("btn2").on("click",function(){
tabPanel.items.each(function(item){
if (item.closable){
tabPanel.remove(item);
}
});
});
var i = 6;
//
Ext.get("btn3").on("click",function(){
var tabpanel = new Ext.TabPanel(
{
title:"TabPanel" + i,
html:"TabPanel" + i
}
);
tabPanel.add(tabpanel); //
tabPanel.setActiveTab(tabpanel); //
i++;
});
//
Ext.get("btn4").on("click",function(){
var currentTab = tabPanel.getActiveTab();
tabPanel.remove(currentTab); //
});
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Extjs6 treepanel 자동 오른쪽 버그Extjs 버전: 6.2.0.981 문제 해결 방법 출처: https://www.sencha.com/forum/showthread.php?330686-Sencha-Architect-amp-ExtJS-6-TreePan...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.