Extjs XTemplate 两个同级数组循环？

我想将 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

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

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

这对我有用：

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

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