python - 变色龙模板引擎 : loop with index

Question

我正在使用 Bootstrap 练习 Chameleon 模板引擎。我目前使用的布局是 Fluid layout .

在这个布局的列表部分，它的使用结构如下

<div class="row-fluid">
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
</div>
<div class="row-fluid">
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
</div>

每个 row-fluid div 恰好包含 3 个 span4 div。

Chameleon 中的

tal:repeat 重复列表中的所有元素。如果列表中有 6 个元素，它会生成

<div class="row-fluid">
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
    <div class="span4">******</div>
</div>

但是，这破坏了之前的布局。

有没有办法只用 Chameleon 完成任务？

Answer 1

问题基本上归结为splitting a list into evenly-sized chunks然后使用两个嵌套循环遍历“主”列表及其“子列表”。

完全未经测试，我认为像下面这样的东西是一个很好的起点:

<div class="row-fluid" tal:repeat="chunk [l[i*3:(i*3)+3] for i in range((len(l) // 3) + 1) ]">
    <div class="span4" tal:repeat="item chunk"><tal:item replace="item" /></div>
</div>