Extjs XTemplate两个相同级别的数组循环？

Question

我想将XTempate与后面的json数据一起使用，将一个数组循环到另一个数组中，

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

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

Answer 1

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

这对我有用：

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

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