knockout-sortable 가로 목록은 항목을 끌 때 항목을 세로로 푸시합니다.

Question

knockout.js로 응용 프로그램을 만들고 드래그 앤 드롭 정렬 가능한 목록에 knockout-sortable을 사용합니다. 세로 목록이 있고 각 항목 안에는 가로 목록이 있습니다. 세로 목록은 정상적으로 작동하지만 가로 목록에서 항목을 드래그하려고 할 때마다 드래그중인 항목과 관련하여 목록의 나머지 항목을 위 또는 아래로 푸시합니다.

<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에 포함 나는 내가 찾은 모든 제안을 시도

을, 존재, 그래서 다음과 같이 수평 목록 정의 지금까지 아무것도 작동하지 않았습니다. 필자는 수평 정렬 가능한 목록을 만들고 싶습니다. 누군가 제안을하면 정말 고맙겠습니다.

Answer 1

그냥 정보 용 https://github.com/rniemeyer/knockout-sortable은 jquery UI의 정렬 가능한 래퍼입니다.

목록을 혼란스럽게하지 않으려면 정렬 가능한 요소에 connectClass를 사용하십시오.