我对Ext JS还比较新,正在尝试将MultiSelect嵌入到Panel中。
我想在我的视图中绑定它,就像这样:
如您所见,
ViewModel
有一个stores
属性:
Ext.define('TEST.view.controls.search.SearchFilterModel', {
extend: 'Ext.app.ViewModel',
alias: 'viewmodel.filter',
data: {
title: ''
},
stores: {
test: {
fields: ['id', 'name'],
proxy: {
type: 'ajax',
url: 'api/test',
reader: 'array'
},
autoLoad: true
}
}
});
我想在我的视图中绑定它,就像这样:
<View>
。viewModel: {
type: 'filter'
},
layout: 'fit',
border: 1,
plain: true,
scrollable: 'y',
layout: 'fit',
bind: {
title: '{title}',
},
items: {
xtype: 'multiselect',
scrollable: false,
allowBlank: true,
ddReorder: true,
bind: {
store: '{test}'
},
valueField: 'id',
displayField: 'name'
}
在这种情况下,store
最终变成了null
,并且没有任何数据加载到小部件中。如果不绑定存储,而是在视图中直接硬编码,则可以解决问题。
有人看出问题所在了吗?
Uncaught TypeError: Cannot read property 'autoCreated' of null
。 - Dave L.