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屋！