ExtJS tabpanel 动态添加 panel tab时

ExtJS tabpanel 动态添加 panel tab时,第1张

给每个panel一个唯一ID,用getCmp来取,如果返回空则初始化一个panel

var tab = centerPanel.getComponent("tab" + record.raw.id)//获取tab对象

if (!tab) {//如果tab不存在,就创建并添加到centerPanel中

tab = Ext.create('Ext.Panel', {…})

centerPanel.add(tab)

}

centerPanel.setActiveTab(tab)//设置显示当前面板

试试这样

{

layout : 'form',

border : false,

id :'result_items',

items : []

}

var panel = new Ext.Panel({

id : 'itemPanel',

layout : 'form',

border : false,

items : []

})

for(var j = 0j <dataList[0].items.lengthj ++){

subPanel = getLink(dataList[0].items[j])

Ext.getCmp('itemPanel').add(subPanel)

}

Ext.getCmp('result_items').add(panel)

最外层那个formpanel调用一下doLayout()方法。

要重新添加组件就先Ext.getCmp('result_items').remove(Ext.getCmp('itemPanel'))

再像上面那样做


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11419878.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存