ExtJS4 MVC: Как выбрать кнопку по классу

Question

Если есть сетка, и я хочу управлять (от контроллера) некоторыми кнопками в tbar этой сетки.

Я могу найти кнопку, у которой есть свойство itemId, но Как найти кнопку по классу, и какой класс нужно использовать (есть baseCls, cls и другие, они не работают)?

вот мой код контроллера:

Ext.define("Wtb.controller.Schedule",{ 
extend:'Ext.app.Controller', 

    refs:[{ 
     ref:'grid', 
     selector:'button' 
    }], 
init: function() { 

    this.control({ 
     'button#remove':{ 
      click:this.Remove 
     }, 
     'button#refresh':{ 
      click: this.Load 
     }, 
     'button#save':{ //Buttons with id works fine 
      click:this.Save 
     }, 
     'button.period':{ //It can't be found, because here is the class 
      click:this.changePeriod 
     } 
    }) 

А вот кнопка сниппет:

{ //Button with ID 
    xtype:"button", 
    itemId:'refresh', 
    text:"Refresh" 
},'->',{ //Button with class. I need some buttons, like this. 
    xtype:"button", 
    text:"Period - day", 
    cls:'period', 
    value:'day' 
} 

Как найти кнопки классом от контроллера?

Answer 1

Заканчивать Документов для ComponentQuery: http://docs.sencha.com/ext-js/4-0/#!/api/Ext.ComponentQuery

Это вы должны получить нужную кнопку:

'button[cls=period]'