以下のコードに示すようにボタンを追加しましid:'submitBtn'
た。このボタンをクリックすると、コントローラー クラスMyController
が呼び出されて実行されるように追加しました。
1.) Controller クラスを実行する必要があることをコードはどのように認識しますか?
{
xtype:'button',
{
xtype:'button',
id:'submitBtn',
text:'Send',
ui:'confirm',
padding:5
text:'Send',
ui:'confirm',
padding:5
}
すべてが機能しているかどうかを確認するために、Controller クラスが呼び出されているかどうかを確認しました。コードは次のとおりです。
MyController.js
Ext.define('app.controller.MyController', {
extend: 'Ext.app.Controller',
config: {
refs : {
submitBtn: '#submitBtn'
},
controls : {
submitBtn: {
onTap: 'submitData'
}
},
},
submitData: function() {
var form = Ext.getCmp('form-id');
alert("Came here!");
var formvalues = form.getValues();
// Web Service code goes here ..
Ext.Ajax.request({
params: formvalues,
url:'http://mywebservice.com/web_ser'
success : function() {
Ext.Msg.alert('Success');
}
}
});
しかし、アラートは表示されませんでした。コントローラークラスが呼び出されていないと思います。
app.jsクラスで、以下に示すようにコントローラーを追加しました。
views: ['Main','Home', 'Contact'],
controller:['MyController'],
ヘルプ ?