每 8 行更改一次行淘汰赛模板答案

【问题标题】：Change row knockout template every 8th row每 8 行更改一次行淘汰赛模板
【发布时间】：2012-11-05 06:08:43
【问题描述】：

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

<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>

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

提前致谢

【问题讨论】：

标签： jquery knockout-mapping-plugin

【解决方案1】：

我会为此使用 CSS。您可以使用 CSS 属性 :nth-child(7) 为第七项指定不同的 CSS 属性。然后我会使用 :after 选择器和 content CSS 属性来插入一个额外的行，无论你想要什么背景。

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

这里是nth-child和css content的解释

【讨论】：

但我需要每 8 行查找一次
你需要找到它，还是每8行插入一个自定义的？