Подсветка кнопок панели инструментов ExtJS

Question

Меню дизайна Iam в ExtJs с использованием Ext.Toolbar,

var ToolBar = new Ext.Toolbar({
            id: 'ToolBar',
            renderTo: 'divtoolbar',
            items: [
                    { xtype: 'spacer', width: 50 },
                    { xtype: 'tbbutton', text: 'Home', handler: function () { window.location = '@Url.Content("~/Home/Home/")'; } },
                    { xtype: 'tbseparator' },
                    { xtype: 'tbbutton', text: 'Calendar', handler: function () { window.location = '@Url.Content("~/calendar/eventCalendar/")'; } },
                    { xtype: 'tbseparator' },
                    { xtype: 'tbbutton', text: 'Locations' }
]

............ как изменить или выделить нажатую кнопку

заранее спасибо

Answer 1

Вам необходимо использовать метод addClass, доступный с помощью кнопки.Создайте стиль CSS для посещенной кнопки и вызовите метод addClass в обработчике.Вот пример:

  handler:  function(b,e) {
     this.addClass('className');
  }

Но в вашем случае я вижу, что вы уходите со страницы.В таких случаях вам нужно будет сохранить посещенные кнопки в файле cookie или использовать хранилище HTML5.

Интересно, почему вы создаете многостраничное приложение ExtJS, а не используете одностраничный подход?