在ExtJS模板中对数组进行迭代
Iterating over an array in an ExtJS Template
我正在使用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中使用数组的大多数搜索都使用这种格式。这是JFiddlehttp://jsfiddle.net/u4zkM/2/
我尝试使用数组的方式有什么问题?
对于数组和其他高级功能,您需要使用Ext.XTemplate。同时删除消息周围的括号。
var tpl = new Ext.XTemplate(
'<h2>{name}</h2>',
'<tpl for="messages">',
'<p>{.}</p>',
'</tpl>'
);
jsFiddle
相关文章:
- 使用嵌入式数组迭代JSON
- 节点.js异步数组迭代
- jQuery 数组迭代
- Javascript:(ES5)数组迭代的权威指南
- Javascript 数组迭代
- JavaScript 数组迭代方向
- 是否可以在 ES6 Set 实例上使用数组迭代方法
- Javascript 中的数组迭代问题
- javascript 2D数组迭代返回未定义的函数参数
- 返回数组迭代
- 这对于数组元素上的简单数组迭代操作来说是最有效的
- 数组迭代陷阱
- JavaScript数组-迭代问题
- JavaScript For循环数组迭代问题-使用一个循环与两个循环
- 如何克服javascript数组迭代跳过记录/秒
- 将数组迭代到自定义网格中
- 在Node.JS中跨数组迭代save
- 数据可见性的数组迭代- javascript
- 在数组迭代中迭代对象键
- 使用数组迭代对象属性