我是sencha的新手,我正在尝试根据我所在的视图加载带有参数的商店;
因此,我试图捕捉我的列表的初始化事件并在其中加载商店。
但是初始化方法似乎没有触发
我的控制器
Ext.define('FifaKings.controller.MainController', {
extend: 'Ext.app.Controller',
config: {
views: ['Main','InsertMatch','Kings'],
models: ['Match','User','Team'],
stores: ['Match','Team','User'],
refs: [
{
ref: 'insertMatchForm',
selector: '#insertMatchForm'
}
]
},
init: function() {
console.log('Initialized!');
Ext.Viewport.add(Ext.create('FifaKings.view.Main'));
this.control({
'button[action=insertMatchSubmit]' : {
tap: 'insertMatchForm'
},
'list[id=kingsLeagueList]' : {
initialize: 'loadKingsMatches'
}
});
},
insertMatchForm : function(){
var form = this.getInsertMatchForm();
form.submit({
url:'contact.php'
});
},
loadKingsMatches : function(){
console.log('shit is working');
}
});
我的观点:
Ext.define('FifaKings.view.Kings', {
extend: 'Ext.navigation.View',
requires:[
'Ext.dataview.List'
],
xtype:'kingspanel',
config: {
title: 'Kings',
iconCls: 'star',
items: {
xtype: 'list',
id:'kingsLeagueList',
itemTpl: new Ext.XTemplate(
'<table width="100%" border="0">',
'<tr>',
'<td width=\"35%\">{Player1}</td>',
'<td width=\"30%\" align=\"center\">{ScorePlayer1} - {ScorePlayer2}</td>',
'<td width=\"35%\" align=\"right\">{Player2}</td>',
'</tr>',
'</table>'
),
store: 'Match'
}
}
});