显示隐藏工具栏项目

Question

我有一个只有一个按钮的工具栏，如下所示

{ text: 'Save', tooltip: 'Save report', iconCls: 'some-cls', handler: 'somehandler' }

我想在某些情况下隐藏此按钮。

为此，我正在获取工具栏项和 hide/show 项，如下所示。

showHideToolbarItems: function(titles)
{
    tbarItems = getToolbarItems(); // Getting items successfully
    for (var i = 0, len = tbarItems.count; i < len; i++) {
        var item = tbarItems.itemAt(i);
        if (titles.indexOf(item.text) > -1)
        {
            item.setVisible(false); 
        }
    }
}

我将此函数称为 showHideToolbarItems(['Save']);
但是我收到错误 setvisible is not a function.

我这里做错了什么

Answer 1

您可以添加对按钮的引用，以便更快地访问和正确的方法

{ 
    text: 'Save',
    reference: 'saveBtn',
    tooltip: 'Save report',
    iconCls: 'some-cls',
    handler: 'somehandler'
}

在你的 viewController 里面：

showHideToolbarItems: function(titles)
{
    var view = this.getView(),
        saveButton = view.lookupReference('saveBtn');

        saveButton.hide();
        //saveButton.show();
}

显示隐藏工具栏项目

show Hide Toolbar Items

extjs

toolbar

extjs6