0

私はノックアウト.jsknockout-sortableと.sortablesortable

これは、この stackoverflow questionに関連していますが、私の要件により異なります。親要素の外側にテキストを含めることはできません。つまり、これ：

<div data-bind="if: pets().length > 0">These are the pets:</div>
<div data-bind="if: pets().length == 0">There aren't any pets. To add a pet...</div>
<div data-bind="foreach: pets">

...私には有効ではありません。ドロップ領域としても機能するように、テキストは foreach ループ内に含める必要があります。ライブラリを調べましたknockout-punchesが、それを使用したソリューションはまだ思いつきません。私は、純粋なノックアウト ソリューションまたはプラグインに対してオープンです。

私のコードは現在次のようになっています。

<div class="my-drop" data-bind="foreach: { template: 'myTemplate', data: myContainerList}"></div>
4

2 に答える 2

1

仮想要素バインディングを使用します。

<div>
<span data-bind="if: pets().length > 0">These are the pets:</span>
<span data-bind="if: pets().length == 0">There aren't any pets. To add a pet...</span>
<!-- ko foreach: pets -->
<!-- /ko -->
</div>

仮想バインディングは、いくつかの固定アイテムと可変アイテムを含むリストが必要な場合を処理する標準的な方法です。

于 2013-12-05T20:16:33.563 に答える