リスナーでカスタムボタンを無効にする方法

Question

カスタムテンプレートとクリックリスナーでボタンを無効にすることに問題があります。ボタンコードは次のとおりです。

items: [ 
     { 
     autoEl: { 
     tag: 'div' 
     }, 
     cls: 'btn-save uiBtn blue', 
     html: '<label><input type="button" value="SAVE"></label>', 
     xtype: 'button', 
     listeners:{ 
     'click': { 
      element: 'el', 
      fn: function(){ 
      this.submitForm(); 
      } 
     }, 
     scope:this 
     }     
    }, 

残念ながら、クリックイベントハンドラの機能番号の内側にあります。 disable()、dom.disabled = 'true'は機能しません。この種のボタンを無効にする方法は？

Answer 1

リスナーの範囲が変更されたため、これはボタン以外のものを指しています。

'click': { 
    element: 'el', 
    fn: function(e, sender){ 
     sender.disabled = true; 
     this.submitForm(); 
    } 
}, 

Answer 2

リスナー機能のための 'this'を定義することは最良のアイデアではないことが判明しました。代わりに、私はこれをボタンのローカルプロパティのリファレンスとして保存し、ボタン自体である 'ヒット'で操作しました。

that: this, 
    listeners:{ 
     'click': function(){ 
      this.disable(); 
      this.that.submitForm(); 
     }