Javascript 循环的ExtJS模板

我想在ExtJS模板中迭代数组，但迭代没有发生

var template  = '<span style="margin-left :0%;display:inline">|</span><tpl for="."><tpl for="pipe"><span style="margin-left :14%;display:inline">{.}|</span></tpl></tpl>';

var data = {count : '6',pipe : ['1','2','3','4','5','6']};

var tpl = new Ext.Template(template);
template = tpl.apply(data);
// append template to dom

我习惯于将数据应用到检索count对象的模板中，我是否需要类似于迭代和向模板插入新元素的内容？我不明白.apply和.overwrite之间的区别是什么

您应该使用而不是Ext.Template

Ext.XTemplate支持命令。外部模板不允许

应用-仅处理提供数据的流程模板，并以字符串形式返回HTML片段。 覆盖-第一个参数必须是Ext.Element或DOM元素选择器。然后使用提供的数据处理模板，并将结果用作元素的新内容。 您应该使用而不是Ext.Template

Ext.XTemplate支持命令。外部模板不允许

应用-仅处理提供数据的流程模板，并以字符串形式返回HTML片段。 覆盖-第一个参数必须是Ext.Element或DOM元素选择器。然后使用提供的数据处理模板，并将结果用作元素的新内容。

---

你们能解释一下.apply和.overwrite之间的区别吗？若我添加了第一个参数，就像我得到一个未定义的错误一样。不是有效的选择器或外部元素对象。例如，此代码使用模板处理的结果作为整个页面正文的内容：tpl.overwriteExt.getBody，data；Ext.getBody以Ext.Element的形式返回当前文档正文。请解释一下.apply和.overwrite之间的区别？？如果我添加第一个参数，就像我得到一个未定义的innerHTML错误一样。不是有效的选择器或外部元素对象。例如，此代码使用模板处理的结果作为整个页面正文的内容：tpl.overwriteExt.getBody，data；Ext.getBody将当前文档正文作为Ext.Element返回。