3

ドラッグアンドドロップのソート可能なリストにノックアウトソート可能を使用して、ノックアウト.jsでアプリケーションを作成しています。縦のリストがあり、それらの各項目の中に横のリストがあります。垂直方向のリストは問題なく動作しますが、水平方向のリストで項目をドラッグしようとすると、そのリスト内の残りの項目が、ドラッグされている項目に対して上下に押し出されます。水平リストは次のように定義されます。

<div style="float: left" data-bind="sortable: { template: 'levelTmpl', data: $data.levels, beforeMove: $root.verifyMove, afterAdd: showLevel, beforeRemove: hideLevel, options: { containment: 'parent' } }"></div>
<script id="levelTmpl" type="text/html">
    <div class="container item" style="display: inline-block">
    <div style="float: right"><span class="ui-button" data-bind="click: $parent.removeLevel">[x]</span></div>
    <input data-bind="value: name"/><br/>
    <div style="clear: both"></div>
    <textarea cols="35" rows="4" data-bind="value: description"> </textarea><br/>
    <textarea cols="35" rows="4" data-bind="value: canned"> </textarea>
    </div>
</script>

ここで完全なアプリケーションを表示できます:
リンクはもう存在しませんhttp://bugs.jqueryui.com/ticket/6702

にある ものを含め、見つけたすべての提案を試しましたが、これまでのところ何も機能していません。水平方向の並べ替え可能なリストを機能させたいと思っているので、誰か提案があれば、本当に感謝しています。

4

1 に答える 1

0

参考までにhttps://github.com/rniemeyer/knockout-sortableは、jquery ui の sortable の単なるラッパーです。

リストが混乱しないように、並べ替え可能な要素で connectClass を使用します。

于 2014-02-28T18:52:33.537 に答える