如何以编程方式显示/隐藏ExtJS.Toolbar按钮

时间:2011-03-21 15:30:09

标签: javascript extjs show

我试图以编程方式显示/隐藏ExtJS工具栏按钮。我试图通过ID使用:

直接访问该按钮
var btn = Ext.get('buttonID'); // I've also tried Ext.query('buttonID')
btn.show();

但是,这不会导致按钮显示。工具栏按钮定义了我尝试执行show()方法的ID。

我是否有不同的方式直接访问按钮?或者,是否有不同的方式来显示它(添加/删除CSS属性等)?

提前谢谢。

2 个答案:

答案 0 :(得分:8)

如果您想显示一个不可见的按钮,请执行

// Button definition
var btn = new Ext.Button({
    text: 'Press me!',
    visible: false,
    id: 'myButton'
});

// Now show the button.
var theSameButton = Ext.getCmp('myButton');
btn.setVisible(true);

这是你想要的吗?

答案 1 :(得分:0)

'visible'属性仅适用于4.1.1 +

http://jsfiddle.net/mf2jH/24/