SENCHA TOUCH 2의 아이콘 클래스 변경하기

Question

버튼을 두드리면 버튼 아이콘 클래스 (iconCls : 'arrow_down')를 다른 아이콘 클래스 (iconCls : 'arrow_up')로 변경하고 싶습니다. 도와주세요.

Answer 1

Sencha 구성 요소의 모든 속성은 getter 및 setter 기능을 자동으로 가져옵니다. 아이콘을 변경하려면 버튼에 setIconCls() 만 호출하면됩니다.

{ 
    xtype: 'button', 
    iconCls: 'arrow_down', 
    listeners: { 
     tap: function() { 
      if (this.getIconCls() === 'arrow_down') { 
       this.setIconCls('arrow_up'); 
      } else { 
       this.setIconCls('arrow_down'); 
      } 

     } 
    } 
} 

근무 예 : https://fiddle.sencha.com/?fiddle=bps#fiddle/bps