Question

我有一个Ext TabPanel，我正在尝试以编程方式为其中一个选项卡设置隐藏属性。我能够选择对象并调用disable（）和enable（）等方法，但到目前为止还无法找到一种方法来操作Tab的'hidden'属性。

Tab被定义为

{
    id: "view-task",     
    hidden: false,
    title: "View"
}

和试图操纵它的代码

twin = (  Ext.getCmp('view-task'));
twin.disable();

上面的禁用调用有效，因此正在正确选择组件，但我不知道如何操作隐藏属性。

非常感谢任何帮助。

<磷>氮。 Euzebe

Answer 1

试试这个：

var tabs = Ext.createWidget('tabpanel', {
    items: [{
        itemId: 'home',
        contentEl:'script', 
        title: 'Short Text',
        closable: true
    }]
});
tabs.child('#home').tab.hide();

您可以在API页面

中的示例中找到此代码

Answer 2

您还没有解释您正在使用的ExtJS版本。但是在版本3.x中你可以执行以下操作（我不知道，但它可能也适用于ExtJS 4.x）：

var tabPanel = Ext.getCmp('myTabPanel');
var tabToHide = Ext.getCmp('myTab');
tabPanel.hideTabStripItem(tabToHide);

再次显示标签：

tabPanel.unhideTabStripItem(tabToHide);

希望这可以帮助你：）

如何以编程方式设置Tab（按钮）的隐藏属性

2 个答案: