重定義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('發佈');
}
 

[javascript] 

                                            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); 
                                                    } 
                                                     
                                                } 
                                            } 
                                        } 
[javascript]
  
[javascript] 
  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({ 
      <a href="contextPath">url:contextPath</a> +'/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("加載課表開關失敗,請重試!");
      }*/ 
     }); 

作者:zhx624

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *