最近做项目遇到一个问题,如图所示,需要动态隐藏这个gridPanel,
1

在Ext api中找到grid.Panel的hide()方法,如图所示,发现panel隐藏了,但是标题却没有隐藏,

2
3

然后找到设置标题的方法setTitle(“”),发现文字隐藏掉了,但是后面的背景没有隐藏掉,显然也是不行的
4

/**
 * 创建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
5

PlantGridPanel.findParentByType(Ext.TabPanel).hide();//隐藏
PlantGridPanel.findParentByType(Ext.TabPanel).show();//显示

找到Panel的父类进行隐藏,完美解决!

6