Изменение текста кнопки панели инструментов при выборе пункта меню EXTJS

Question

У меня есть сетка с панелью инструментов, как показано ниже

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

Я хочу написать обработчик так, чтобы при выборе «Хорошо» текст кнопки изменялся с «Кнопки» на «Хорошо»

Я могу получить доступ к свойству текста в обработчике

Пожалуйста, помогите мне ..

Answer 1

Вот два примера:

Либо вы можете присвоить кнопке панели инструментов идентификатор

....
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);

Таким образом, у вас есть ручка для кнопки, даже если она добавлена ​​на панель инструментов.