Extjs XTemplate两个相同级别的数组循环？ [英] Extjs XTemplate two same level array loop?

问题描述

我想要使用XTempate跟随json数据，将另一个数组中的一个数组循环，

I want to use XTempate with the follow json data ,loop the one array in another array,

var data = {
    name : 'xxx',
    rowTitleArr : ['1','2','3'],
    colTitleArr : ['a','b','c']
}
var tpl = [
    '{name}',
    '<tpl for="{rowTitleArr}">',
        '----{.}<br>',
        '<tpl for="parent.colTitleArr">',
            '---------{.}<br>',
        '</tpl>',
    '</tpl>'
];
var t = new Ext.Template(tpl);
t.overwrite(xx,data);

但结果是：

  ----1
  ---------a  
  ---------b
  ---------c
  ----2
  ----3

我想要以下结果：

  ----1
  --------a
  --------b
  --------c
  ----2
  --------a
  --------b
  --------c
  ----3  
  --------a
  --------b
  --------c

为什么？我犯了一个错误？
感谢您！

why ? I make a mistake? thanks ahead!

推荐答案

我对您的模板进行了一些小的更改：

I made some small changes to your template:

这对我有用：

这是一个小提琴：
http://jsfiddle.net/johanhaest/2WEVE/

var tpl = [
    '{name}',
    '<br/>',
    '<tpl for="rowTitleArr">',
    '----{.}<br>',
        '<tpl for="parent.colTitleArr">',
    '---------{.}<br>',
        '</tpl>',
    '</tpl>'];

这篇关于Extjs XTemplate两个相同级别的数组循环？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！