Knockoutjs z jQuery UI Sortable

Question

Pracuję też z Grupami dyskusyjnymi Google na forach Knockout, aby uzyskać pomoc w tej sprawie - ale sądzę, że większa publiczność nigdy nie zaszkodzi sytuacji.

Próbuję uzyskać KO do pracy z sytuacją za pomocą wtyczki jQuery UI "Sortable". Mam tutaj swój kod.

http://www.pastie.org/1285716

Próba użycia zwyczaj wiązania ...

 ko.bindingHandlers.onReceiveItem = { 
      init: function (element, valueAccessor, allBindingsAccessor, viewModel) { 
       $(element).bind("sortreceive", function (event, ui) { 
        ko.bindingHandlers.onReceiveItem.update(element, valueAccessor, allBindingsAccessor, viewModel); 
       }); 
      }, 
      update: function (element, valueAccessor, allBindingsAccessor, viewModel) { 
       var value = ko.utils.unwrapObservable(valueAccessor()); 
       var bindings = allBindingsAccessor(); 
      } 
     }; 

Celem jest to, że gdy Sortable Lista otrzyma przedmiot, może uzyskać pozycję i dodać go do drugiej observableArray.

Nie działa to jednak dla mnie. Mam trudności z uruchomieniem wydarzenia, tak jak tego chcę. Sposób, w jaki go skonfigurowałem, uruchamia się, ale zwraca tylko wartość "prawda/fałsz". Miałem nadzieję, że ktoś inny może mieć pojęcie o tym, co robię źle i wiem, jak to naprawić.

(przy użyciu kodu, trzeba odwołać

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" rel="Stylesheet" /> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.js"></script> 

na górze, a następnie najnowszą wersję Knockout (1.1.1)

http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-1.1.1.debug.js

Answer 1

ja nie uświadom sobie Steve had already answered this zanim skończyłem.Tutaj idziesz, nieco inaczej niż on.Alternator:

Sortable sprawia, że ​​jest o wiele trudniej, ten woul d było o wiele łatwiejsze dzięki wiązaniu "przeciągnij i upuść" związanemu z każdym produktem. Problem z możliwością sortowania jest wiążący dla całej listy zamiast elementów.

http://www.pastie.org/1432093

Answer 2

I przerobione próbkę i przyszedł z prawie całkowitym bindingHandler, że nie wymaga atrybut id, a także obsługuje zamianom. Oto kod:

http://jsbin.com/knockoutsortable/20/edit

Wykorzystanie:

• To pomocą wiązania, aby dowiedzieć się co jest związane tablica w ViewModel template.foreach.

• Możesz użyć databind = "foreach: Produkty, sortable: true", aby umożliwić sortowanie wewnątrz pojedynczej tablicy bez opcji.

• Działa z obiektami observableArray.

• Buduje jQuery do sortowania sam, możesz przekazać ten sam obiekt opcji w wiązaniu niż w konstruktorze jQuery.sortable.