这篇博客介绍了如何在ExtJS4.x中创建一个带有按钮的面板，该按钮可以动态添加新的选项卡。通过监听页面加载事件，创建一个具有固定宽度和高度的面板，并设置为tabs布局。点击按钮时，程序会向面板中添加新的选项卡并自动激活新添加的选项卡。
Ext.onReady(function(){
Ext.create("Ext.panel.Panel",{
width:400,
height:230,
title:"Panel_tabs",
renderTo:Ext.getBody(),
items:[
{title:"选项卡1"},{title:"选项卡2"}
],
buttons:[{
text:"增加选项卡",
handler:function(btn){
var panel = btn.ownerCt.ownerCt;//获取父面板
debugger;
var index = panel.items.length + 1;
Ext.create("Ext.panel.Panel",{
width:400,
height:230,
title:"Panel_tabs",
renderTo:Ext.getBody(),
items:[
{title:"选项卡1"},{title:"选项卡2"}
],
buttons:[{
text:"增加选项卡",
handler:function(btn){
var panel = btn.ownerCt.ownerCt;//获取父面板
debugger;
var index = panel.items.length + 1;
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
