如何显示或者隐藏Ext.grid.Panel

最近做项目遇到一个问题，如图所示，需要动态隐藏这个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的父类进行隐藏，完美解决！