Extjs DataView ArrayStore проблема

Question

У меня есть следующий JS:

http://monobin.com/__m1c171c4e

и следующий код:

Код:

var tpl = new Ext.XTemplate(
    '<tpl for=".">', 
     '<div class="thumb-wrap" id="{Name}">', 
     '<div class="thumb"><img src="{ImageMedium}" title="{Name}"></div>', 
     '<span class="x-editable">{Name}</span></div>', 
    '</tpl>', 
    '<div class="x-clear"></div>' 
); 

var store = new Ext.data.ArrayStore({ 
    fields: [{ name: 'name' }, { name: 'ImageMedium'}], 
    data: res.data.SimilarArtists 
}); 

var panel = new Ext.Panel({ 
    frame: true, 
    width: 535, 
    autoHeight: true, 
    collapsible: true, 
    layout: 'fit', 
    title: 'Simple DataView (0 items selected)', 
    items: new Ext.DataView({ 
     store: store, 
     tpl: tpl, 
     autoHeight: true, 
     multiSelect: true, 
     overClass: 'x-view-over', 
     itemSelector: 'div.thumb-wrap', 
     emptyText: 'No images to display', 
     prepareData: function (data) { 
      data.Name = Ext.util.Format.ellipsis(data.Name, 15); 
      return data; 
     }, 

     plugins: [ 
      new Ext.DataView.DragSelector(), 
      new Ext.DataView.LabelEditor({ dataIndex: 'name' }) 
     ], 

     listeners: { 
      selectionchange: { 
       fn: function (dv, nodes) { 

       } 
      } 
     } 
    }) 
}); 

Так связывании DataView для ребенка массив Рез .data.SimilarArtists

Но ничего не видно мс, чтобы произойти?

prepareData даже не называется?

Что я делаю неправильно?

ш: //

Answer 1

Структура данных вы связаны является JSON, а не массив данных. Вместо этого попробуйте переключиться на JsonStore. Обратите внимание, что JsonStore предварительно сконфигурирован с помощью JsonReader и HttpProxy (удаленный источник данных) и предназначен для загрузки данных с URL-адреса. Если вам нужен JSON, загруженный из локальных данных, вам придется создать общий магазин с JsonReader и MemoryProxy.