如何迭代<tpl for=".">達指定的次數？

Question

即使提供的數組中有更多的對象，我也需要僅迭代模板兩次。請幫忙。謝謝！

Answer 1

沒有辦法做基於計數的迭代。相反，只需在數據中創建一個數組的副本：

var o = { 
    items: [1, 2, 3, 4], 
    foo: 1 
}; 
var tpl = new Ext.XTemplate('{foo}<tpl for="items">{.}</tpl>'); 
tpl.apply(Ext.apply(o, { 
    items: o.items.slice(0, 2) 
})); 

Answer 2

該循環具有當前索引項的數組變量 - xindex。所以，你可以在條件下使用循環內部的這個索引。到前兩個項目名單做檢查的輸出，該xindex是小於3

var data = { 
     items: ['first', 'second', 'third', 'the last'], 
     title: "The list of first 2 items: " 
    }; 

    var tpl = new Ext.XTemplate('{title}'+ 
           '<ol><tpl for="items">'+ 
           '<tpl if="xindex &lt; 3">'+ 
           '<li>{.}</li>'+ 
           '</tpl>'+ 
           '</tpl></ol>'); 
    tpl.append(Ext.getBody(), data);