如何在使用XTemplate进行x次迭代后添加中断(换行符)?

时间:2013-08-22 01:08:19

标签: javascript extjs extjs4 extjs4.2

我想在</br>中的12次迭代后添加XTemplate。我尝试了很多方法,但无法让它发挥作用。示例代码如下:

days = new Ext.XTemplate(
            '<b>Days of month</b>',
            '<table width="100%"><tr><td style="word-wrap:break-word;">',
            '<tpl for=".">',
            '<tpl for="data">',

            **'{% if (xindex % 12 === 0) { %}' +
                    '<br/>' +
                     '{% } %}',**
              ,'{fieldValue}',
            '</tpl>',
            '</tpl>', 
            '</td></tr></table>',

我尝试使用xindex,但它没有任何效果,并且在12条记录后没有添加换行符。我做错了什么?

1 个答案:

答案 0 :(得分:3)

完整示例:

Ext.onReady(function() {

    var data = [1, 2, 3, 4, 5, 6];

    var tpl = new Ext.XTemplate([
        '<tpl for=".">',
            '{.}',
            '<tpl if="xindex % 2 === 0"><br /></tpl>',
        '</tpl>'
    ]);

    tpl.overwrite(Ext.getBody(), data);

});