Question

如何能够通过Extjs给页面增加一个状态或者颜色能够切换的按钮

比如,可以如何设置按钮为能够在两个按钮的图片背景之间做相互的切换,或者在两种按钮文字或颜色之间相互切换,谢谢!

Answer 1

单个按钮的话，参考如下，如果你是想通过两个按钮来表达开关稍作扩展即可：

new Ext.Button ({
    scale:'Large',
    fieldLabel :'是否',
    iconAlign : 'left',
    id : 'ynButton',
    tag : 'Y',
    handler :function(button){
    if(button.tag == 'N'){
      button.tag = 'Y';
      Ext.getDom(button.getId()).innerHTML ='Y图片';
     }else if(button.tag=='Y'){
      button.tag= 'N';
      Ext.getDom(button.getId()).innerHTML ='N图片';
     }
    }
})

具体图片通过iconCls来切换，css要先在文件里定义好图片背景