2

私はKnockoutを初めて使用し（数日）、ソート可能なリストがネストされているページを作り直して使用しようとしています。

ここで、Knockoutで並べ替え可能なリストを使用するための優れた答えを見つけました：jQueryUIのKnockoutカスタムバインディングSortable-奇妙な動作

ただし、ネストされた並べ替え可能なリストで機能させることはできません。ルートリストの下にあるアイテムをクリックしてドラッグしようとすると、関連するルートアイテムをドラッグする効果があります。つまり、ネストされたリストはまったく機能しません。

前述のソリューションの2番目のオプションは、私が使用したものです。それは私には最も単純で明確に思えました。ネストされたソータブルに適用する比較的簡単な方法はありますか？

4

1 に答える 1

6

ここで作成したソート可能なプラグインを使用することをお勧めします: https://github.com/rniemeyer/knockout-sortable

ネストされたソータブルをサポートしています。最も単純な構成では、次のようになります。

<ul data-bind="sortable: children">
    <li>
        <div data-bind="text: name"></div>
        <ul data-bind="sortable: subs">
            <li data-bind="text: name"></li>
        </ul>
    </li>
</ul>

ここにサンプルがあります: http://jsfiddle.net/rniemeyer/EMu95/

ネストされた構造に特定の問題がまだある場合は、フィドルをフォークして問題を示すことができます。

于 2013-03-22T10:43:44.520 に答える