更改菜单项选择EXTJS上的工具栏按钮文本

Question

我有一个带有工具栏的网格，如下所示

{
    xtype: 'tbbutton',
    text: 'Button',
    menu: [{
    text: 'Better'
    },{
        text: 'Good'
    },{
        text: 'Best'
    }]
}

我想编写处理程序，当我选择'Good'时，按钮文本应该从'Button'变为'Good'

我可以在处理程序中访问text属性

请帮帮我..

Answer 1

以下是两个例子：

您可以为工具栏按钮指定ID

....
xtype: 'tbbutton',
id: 'mytoolbarbutton',
text: 'Button',
....

并使用

访问该按钮

var button = Ext.getCmp('mytoolbarbutton');

或者您可以像这样创建按钮，然后将其添加到工具栏中：

var button = new Ext.Button({
    text: 'Button',
    menu: [{
    text: 'Better'
    },{
        text: 'Good'
    },{
        text: 'Best'
    }]
});

myToolbar.add(button);

这样，即使将按钮添加到工具栏，您也可以使用该按钮。