ItemTplは、関数呼び出しのExtJS私はデータビュー上のonclick関数を呼ぶのですか6

Question

、

itemTpl: [ 
'<a onClick="this.getViewController().somefunction({id},{code});" href="#">{code}</a><br/>', 
] 

とのViewController

somefunction: function(){ 
// some logic 
} 

で

が

this.getViewControllerのエラーを（与えをonclickの）は関数ではありません

注：私は、多くのViewControllersを持っているので、MyApp.app.getController()を行うにwan'tはありませんし、あなたが本当にitemTplにクリック機能をバインドしたい場合、私は、centeral contoller

Answer 1

にあなたをすべての私のロジックを置くことができません

// Save 'this' scope to me variable for use in XTemplate scope 
var me = this; 

// ... 

itemTpl: [ 
    '<a onClick="this.someFunction();" href="#">{code}</a><br/>', 
    // Defining funtions accessible in the XTemplate 
    { 
     someFunction: function() { 
      // Use 'me' here, because 'this' is XTemplate 
      me.getViewController().someFunction(); 
     } 
    } 
] 

しかし、すべての可能な場合、私はそうのように、代わりの項目にリスナーをクリックし使用します：このようなテンプレートでアクセス可能な機能を指定する必要が

// Save 'this' scope to me variable for use in the item scope 
var me = this; 

// ... 

itemConfig: { 
    listeners: { 
     click: function() { 
      // Use 'me' here, because 'this' is the item 
      me.getViewController().someFunction(); 
     } 
    } 
} 

私は通常ExtJS 4で働いており、ExtJS 6 documentationからちょうどそれを得ましたので、私が作った正解を言い訳して、答えを編集できるようにしてください。