Sencha Touch - 視圖內的呼叫功能未被調用

Question

我剛開始探索sencha。用這個卡住了。幫助讚賞:)

這是我的java腳本代碼，在下面的行處理函數中，我調用了下面的方法，它在項目和父類xtype窗體中。

{ 
    xtype:'panel', 
    defaults:{ 
     xtype:'button', 
     style:'margin: 0.1em', 
     flex:1 
    }, 
    layout:{ 
     type:'hbox', 
     align:'center' 
    }, 
    items:[ 
     { 
      text:'Submit', 
      handler:this.makeReq, 
      scope:this 
     }, 
     { 
      text:'Terms & Conditions', 

     } 
    ] 
    } 

這是調用上述函數的方法，但它似乎沒有發生任何事情。

makeReq: function() { 
    alert("Hey There"); 
} 

Answer 1

我真的建議你在這種情況下遵循Sencha Touch 2 MVC模型。你可以給你的按鈕，像這樣的動作：

{ 
    text:'Submit', 
    action: 'submit' 
} 

的話可以參考這個按鈕並設置它的功能應用的控制器內：

config: { 
    refs: { 
     submitButton: 'button[action=submit]', 
    }, 

    control: { 
     submitButton: { 
      tap: 'makeReq' 
     }, 
    }, 

    makeReq: function() { 
     alert("Hey There"); 
    } 
}