Extjs 4 комбинированный список с просмотром данных с использованием TPL - PullRequest
Новая
       6

Extjs 4 комбинированный список с просмотром данных с использованием TPL

1 голос
/ 20 августа 2011

Я использую extjs 4 с рельсами 3. У меня есть форма, содержащая выпадающий список и представление данных.При выборе любого элемента в выпадающем списке изображение должно отображаться в виде данных из базы данных.Я попытался использовать TPL для статического изображения, которое работает нормально.Но как извлечь то же самое динамически ??

Код представления данных и шаблон :: 

    {
                xtype: 'dataview',
                store: 'MyStore',
                 id:'viewer',
                 autoHeight:true,
                 tpl: imageTpl,
                 itemSelector: 'div.thumb-wrap',
                 fieldLabel: 'Choose State',
                 emptyText: 'No images available'
            },

var imageTpl = new Ext.XTemplate(
    '<tpl for=".">',
        '<div style="thumb-wrap">',
          '<img src="/images/rails.png" align="right" />',
        '</div>',
    '</tpl>'
);

Любые предложения ??

Спасибо!

1 Ответ

0 голосов
/ 23 августа 2011

(Во-первых: MyStore - это, вероятно, не строка, а ссылка на реальное хранилище данных ExtJS. Возможно, вам не нужны кавычки)

Хранилище данных содержит список элементов какой-либо модели. Вы можете прочитать поля этой модели в своем шаблоне, поместив имя поля между знаками {}.

Если предположить модель с полем 'url', шаблон становится таким: 

var imageTpl = new Ext.XTemplate(
'<tpl for=".">',
    '<div style="thumb-wrap">',
      '<img src="/images/{url}" align="right" />',
    '</div>',
'</tpl>'
);

Попробуйте этот учебник для получения дополнительной информации: http://www.sencha.com/learn/legacy/Tutorial:Getting_Started_with_Templates

...