我正在使用tal:repeat
语句在另一个表中生成表。
遗憾的是,我不知道如何在生成时为每个表提供唯一的ID。我怎么能这样做?
我正在尝试使用:
tal:attributes="id myindex"
和
tal:attributes="id string:${myindex}"
但我无法让它发挥作用。
示例:
<table id="tableIngrepen" class="table">
<thead class="header">
<tr>
<th>Header1</th>
<th tal:repeat="procedur_headers Procedur_Headers" tal:content="procedur_headers" > </th>
</tr>
</thead>
<tr tal:repeat="diagnoses Diagnoses">
<div tal:define="myindex python:repeat['diagnoses'].index">
<td ><input type='text' id="dz_code" readonly></input></td> <!-- onfocus="rijencolom($(this).parent().children().index($(this)),$(this).parent().parent().children().index($(this).parent()))" -->
<td colspan="5">
<table tal:attributes="id myindex" class="table table-hover" style="border-style:none">
<thead class="header">
<tr>
<th tal:repeat="procedur_headers Procedur_Headers" tal:content="procedur_headers" style="display:none"> </th> <!-- style="display:none"-->
</tr>
</thead>
<tr tal:repeat="list_procedur List_Procedur[myindex]">
<td><input type='text' ></input></td>
</tr>
<tr>
<td><input type='text' ></input></td>
<td ><input type='text'></input></td>
<td><input type='text' ></input></td>
<td><input type='text' ></input></td>
</tr>
</table>
</td>
</div>
</tr>
答案 0 :(得分:1)
您可以使用每个repeat
循环创建的TAL repeat variable:
<table tal:attributes="id string:table-${python:repeat['diagnoses'].index}"
class="table table-hover" style="border-style:none">
或使用路径表达式:
<table tal:attributes="id string:table-${path:repeat/diagnoses/index}"
class="table table-hover" style="border-style:none">
根据Chameleon的配置方式,您可以省略path:
或python:
前缀;无论哪个是默认表达式类型。 Pagetemplates默认为path:
表达式,Chameleon为python:
,但通常Plone集成会将其转换为path:
以保持兼容性。
repeat
映射包含每个循环变量的特殊对象;你的循环使用名称myindex
所以有一个repeat['diagnoses']
对象包含循环索引,迭代的奇偶校验(奇数或偶数)以及循环计数器的罗马数字版本。
答案 1 :(得分:0)
如果Chameleon ZPT不喜欢字符串语法,你可以使用python表达式语法:
<table tal:attributes="id python:'table-' + repeat['diagnoses'].number"
class="table table-hover" style="border-style:none">
或者如果你想让它从零开始:
<table tal:attributes="id python:'table-' + repeat['diagnoses'].index"
class="table table-hover" style="border-style:none">