Представление магазина ExtJS Costum

Question

Я блуждаю, если есть какой-либо способ ExtJS, который я могу загрузить в хранилище с данными и после его загрузки. Я могу создать на главной панели другие мои компоненты (пользовательскую панель), чтобы показать эти данные по-своему?

Я хочу, чтобы отображать данные из хранилища в панели с моими пользовательскими компонентами

Answer 1

У вас есть два варианта:

1. Если вам нужно только, чтобы отобразить данные, то DataView адаптированных для этого задача.
2. Если вам действительно нужен компонент (т. Е. Что-то, что инкапсулирует взаимодействие с пользователем, а не только отображение), вам необходимо создать этот компонент, и по мере того, как ваши загрузки хранилища создают компонент на запись и добавляют его на вашу мастер-панель.

Чтобы скопировать docs пример DataView (вариант 1):

Ext.define('Image', { 
    extend: 'Ext.data.Model', 
    fields: [ 
     { name:'src', type:'string' }, 
     { name:'caption', type:'string' } 
    ] 
}); 

Ext.create('Ext.data.Store', { 
    id:'imagesStore', 
    model: 'Image', 
    data: [ 
     { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts' }, 
     { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data' }, 
     { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme' }, 
     { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned' } 
    ] 
}); 

var imageTpl = new Ext.XTemplate(
    '<tpl for=".">', 
     '<div style="margin-bottom: 10px;" class="thumb-wrap">', 
      '<img src="{src}" />', 
      '<br/><span>{caption}</span>', 
     '</div>', 
    '</tpl>' 
); 

Ext.create('Ext.view.View', { 
    store: Ext.data.StoreManager.lookup('imagesStore'), 
    tpl: imageTpl, 
    itemSelector: 'div.thumb-wrap', 
    emptyText: 'No images available', 
    renderTo: Ext.getBody() 
});