Question

当我点击一个按钮时，我需要从tabpanel中隐藏编辑工具栏。

这是我的tabpanel：

Ext.onReady(function(){
       mainimgwidth = $("#imgMain").prop("width");
       tabpanel = new Ext.TabPanel({
           activeTab: 0,
           deferredRender:false,
           items: [
               {

                  title : '${tr.File}',
                  items : [
                      fileTlb
                  ]
               },
               {
                  id: 'editToolbar',
                  title: '${tr.Edit}',
                  items : [
                      editTlb
                  ]
               },
               { 
                  title: '${tr.Review}'
               }
           ]
       });

我尝试了这个，但我没有工作：

function remove(){
       var edit = tabpanel.getComponent('editToolbar');
       edit.setVisible(false);
    }

我也尝试过使用：edit.hide（）;

这是编辑工具栏：

var editTlb = new Ext.Toolbar({ 
            id:'edit_tlb',
            items:[
                new Ext.Toolbar.Button({
                         id:'btn_rotate_right',
                         iconCls: 'icon_rotate_right'
                         }),
                new Ext.Toolbar.Button({
                         id:'btn_rotate_left',
                         iconCls: 'icon_rotate_left'
                         }),
                new Ext.Toolbar.Button({
                         id:'btn_rotate_vertical',
                         iconCls: 'icon_rotate_vertical'
                         })
        ]
});

Answer 1

我相信您正在寻找方法hide()这将隐藏工具栏。要再次显示工具栏，请使用方法show()。

您可能会看到的另一个选项是禁用/启用，这会使toolbar停用但仍然可见。

Answer 2

使用edit.tab.show（）和edit.tab.hide（）。

请参阅How to hide tab in ExtJS 4上的答案，了解Ext文档中的示例。

隐藏Ext.TabPanel中的项目

2 个答案: