最近做项目遇到一个问题,如图所示,需要动态隐藏这个gridPanel,
在Ext api中找到grid.Panel的hide()方法,如图所示,发现panel隐藏了,但是标题却没有隐藏,
然后找到设置标题的方法setTitle(“”),发现文字隐藏掉了,但是后面的背景没有隐藏掉,显然也是不行的
/**
* 创建tabPanel
*
* @param comp
* 组件
* @param anchor
* 组件宽高占比
* @return {Ext.ux.tab.Panel} panel
*/
createComTabPanel : function(comp, anchor) {
var comTabPanel = Ext.create("Ext.ux.tab.Panel", {
activeTab : 0,
frame : true,
plain : true,
border : true,
anchor : anchor || '100% 100%',
ui : 'neu-detail-tab',
items : [ comp ]
});
return comTabPanel;
},
后来查看代码,这个panel是在item数组里面的,我想是不是要把tab.Panel隐藏掉,查看api
PlantGridPanel.findParentByType(Ext.TabPanel).hide();//隐藏
PlantGridPanel.findParentByType(Ext.TabPanel).show();//显示
找到Panel的父类进行隐藏,完美解决!