Mvvm 使用绑定时Extjs5 itemSelector不工作

Mvvm 使用绑定时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=".">',

我有一个从绑定中获取数据的dataview

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',
听众:
{                                
'项目点击':'项目选择',
}
}