在ExtJS模板中迭代数组

Question

我正在使用ExtJS将一组数据从AJAx调用应用到Ext.Template。其中一个元素是一串字符串。

var data = { 
    name: "I am Here!", 
    messages: ['aaa', 'bbb', 'ccc', 'ddd'] 
}; 

我定义了这样

var tpl = new Ext.Template(
    '<h2>{name}</h2>', 
    '<tpl for="{messages}">', 
    '<p>{.}</p>', 
    '</tpl>' 
); 

模板当我将此模板数据，它显示了{.}字面上，而不是打印每个元素。我在ExtJS中使用数组所做的大多数搜索都使用这种格式。这里是JFiddle http://jsfiddle.net/u4zkM/2/

我尝试使用数组的方式有什么问题？

Answer 1

对于数组和其他高级功能，您需要使用Ext.XTemplate。同时删除消息的括号。

var tpl = new Ext.XTemplate(
    '<h2>{name}</h2>', 
    '<tpl for="messages">', 
     '<p>{.}</p>', 
    '</tpl>' 
); 

jsFiddle