Question

我正在使用带有rails 3的extjs 4.我有一个包含组合框和数据视图的表单。在选择任何组合框时，应在数据库中的数据视图中显示图像。我尝试使用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>'
);

有什么建议吗？

谢谢！

Answer 1

（首先：'MyStore'可能不是字符串，而是对真实ExtJS数据存储的引用。您可能不需要引号）

数据存储包含某些模型的项目列表。您可以在模板中阅读该模型的字段，方法是将字段名称放在accolades {}。

之间

假设模型带有'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

使用tpl使用dataview扩展4个组合框

1 个答案: