Mvvm 使用绑定时Extjs5 itemSelector不工作
我有一个从绑定中获取数据的dataviewMvvm 使用绑定时Extjs5 itemSelector不工作,mvvm,bind,viewmodel,extjs5,Mvvm,Bind,Viewmodel,Extjs5,我有一个从绑定中获取数据的dataview xtype:'dataview', width:'100%', loadMask: true, bind: { data:'{items}' <--- this is a problem }, tpl:Ext.create('Ext.XTemplate', '<tpl for=".">',
xtype:'dataview',
width:'100%',
loadMask: true,
bind:
{
data:'{items}' <--- this is a problem
},
tpl:Ext.create('Ext.XTemplate',
'<tpl for=".">',
' <div class="icon-square">',
' <img src="../images/{type}.png" />',
' <div class = "count-style">{count}</div>',
' </div>',
'</tpl>'
),
itemSelector: 'img',
// itemSelector: 'div.icon-square', <-- this also does not work
listeners:
{
'itemclick':'onItemsSelect',
}
}
xtype:'dataview',
宽度:'100%',
loadMask:是的,
绑定:
{
数据:“{items}”对于寻找解决方案的人来说,下面的代码更改对我很有用
我创建了一个视图模型来绑定数据,而不是直接绑定它
viewModel:
{
stores:
{
itemStore:
{
model:'RA.model.Item',
data:'{items}'
}
}
},
...
...
{
xtype:'dataview',
width:'100%',
loadMask: true,
bind:
{
store:'{itemStore}'
},
tpl:Ext.create('Ext.XTemplate',
'<tpl for=".">',
' <div class="icon-square">',
' <img src="../images/{type}.png" />',
' <div class = "count-style">{count}</div>',
' </div>',
'</tpl>'
),
itemSelector: 'img',
listeners:
{
'itemclick':'onItemsSelect',
}
}
viewModel:
{
商店:
{
项目存储:
{
模型:'RA.model.Item',
数据:“{items}”
}
}
},
...
...
{
xtype:'dataview',
宽度:'100%',
loadMask:是的,
绑定:
{
存储:“{itemStore}”
},
tpl:Ext.create('Ext.XTemplate',
'',
' ',
' ',
“{count}”,
' ',
''
),
itemSelector:'img',
听众:
{
'项目点击':'项目选择',
}
}