0

使用淘汰赛模板绑定，我正在绑定如下表：

<script type="text/x-jquery-tmpl" id="PrintLabelsTemplate">
    <TR> 
        <TD data-bind="text: CustomerFirstName"></TD>
        <TD data-bind="text: ModelDescription"></TD> 
    </TR>
</script>

<div>
    <table style="border-collapse: collapse;"  cellpadding="0" cellspacing="0" align="center" width="100%" id="tblPrintLabels" class="pme-main" data-bind="template: {name:'PrintLabelsTemplate', foreach: ViewModel}">
    </table>
</div>

对我来说一切正常，但我的问题是在每重复 8 行之后我想插入不同的行和一个图像背景，比如

<tr>
    <td>Breaking Row</td>
</tr>

那么如何在模板绑定中编写这个逻辑呢？

提前致谢

4

1 回答 1

0

我要做的是为此使用CSS。您可以使用:nth-child(7)CSS 属性为第七项指定不同的 CSS 属性。然后我会使用:after带有contentCSS 属性的选择器来插入一个额外的行，其中包含任何你想要的背景。

这有一些优点，即不会强制您的 Knockout 代码做任何不寻常的事情，如果它只是一个每隔 8 行重复一次的视觉分隔符，它将您的演示文稿与您的代码分开。

这是对第n个孩子和css内容的解释

于 2012-11-16T14:06:59.633 回答