重定義extjs中button被點擊後的樣式

1.

var btn = new Ext.Button({text:'ddd'});
btn.on('',function(b){
    b.addClass('newCSS');
});

 

2.

/*編輯*/
.edit {
background-image: url(../images/toolbarIcon/edit.png) !important;
}

/*發佈*/
.release {
background-image: url(../images/toolbarIcon/release.png) !important;
}

 

var btn= new Ext.ButtonGroup({
 
 id : 'edit',
       text : '編輯',
       handler : onRelease,
       iconCls : 'edit'//樣式圖片
 });

function onRelease(){
  btn.setIconClass('release');//更改圖片
  btn.setText('發佈');
}

 

{
											id:'_kbkg',
											xtype: 'button',
											text:'打開課表',
											iconCls:'unlock',
											listeners: {
										        'click': function(t){
													var text = t.getText();
													if(text == "打開課表"){
														t.setText("關閉課表");
														t.setIconClass('lock');
														KbCheck(1);
													}if(text == '關閉課表'){
														t.setText("打開課表");
														t.setIconClass('unlock');
														KbCheck(0);
													}
										        	
										        }
										    }
										}

  Ext.getCmp("xn_label").setText(" 學年: " + xn);
                    Ext.getCmp("xq_label").setText(" 學期: " + xq);
     
     //課表開關
     function KbCheck(v){
      Ext.Ajax.request({
         url: contextPath +'/system/lxdmglAction.do?method=getKbkg',
         /*
         success: function(request){
         },
         failure: function(request){
         },
         */
         params: { kva: v}
      });
        }
                    
     Ext.Ajax.request({
      url:contextPath +'/system/lxdmglAction.do?method=getKbkgValue',
      success:function(request){
       rs=Ext.decode(request.responseText);
       if (rs=="1") {
        Ext.getCmp("_kbkg").setText("關閉課表");
        Ext.getCmp("_kbkg").setIconClass('lock');
       }
      }/*,
      failure:function(request){
       Ext.Msg.alert("加載課表開關失敗，請重試！");
      }*/
     });