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行が繰り返されるたびに、次のような1つの画像の背景で別の行を挿入したいということです。

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

では、このロジックをテンプレートバインディングでどのように記述できますか？

前もって感謝します

4

1 に答える 1

0

私がすることは、これに CSS を使用することです。:nth-child(7)CSS プロパティを使用して、7 番目の項目に別の CSS プロパティを指定できます。次に、:afterセレクターとcontentCSS プロパティを使用して、背景にしたいものを含む追加の行を挿入します。

これには、Knockout コードに異常なことを強制しないといういくつかの利点があり、8 行ごとに繰り返される単なる視覚的な区切りである場合は、プレゼンテーションをコードから分離します。

nth-childとcss コンテンツの説明は次のとおりです。

于 2012-11-16T14:06:59.633 に答える