選択フィールドを sencha-touch のストアにバインドしようとしています。ただし、次のエラーが発生します。
Uncaught TypeError: Cannot call method 'on' of undefined
フィールドは次のようになります。
{
xtype: 'selectfield',
label: 'Gender',
store: 'GenderStore',
displayField: 'ItemName',
valueField: 'Id'
},
ストアは次のようになります。
Ext.define('MobileApp.store.Gender', {
extend: 'Ext.data.Store',
requires: [
'MobileApp.model.Lookup',
'Ext.data.proxy.Rest'
],
config: {
autoLoad: true,
model: 'MobileApp.model.Lookup',
storeId: 'GenderStore',
proxy: {
type: 'rest',
url : '/api/lookup/genders',
reader: {
type: 'json'
}
}
}
});
これが機能しない理由はありますか?storeId を指定すると、xtype を使用するのと同じようにストアが自動的に作成されるのではないかと思いましたか? フィールドはストアに自動的にバインドされませんか、それとも明示的にストアを作成する必要がありますか?