Knockoutjs con jQuery UI Sortable

Question

Sto lavorando con i gruppi Google sui forum di Knockout anche per questo, ma immagino che un pubblico più vasto non possa mai danneggiare la situazione.

Sto cercando di far funzionare KO con una situazione usando il plugin 'Sortable' di jQuery UI. Ho il mio codice pubblicato qui.

http://www.pastie.org/1285716

Il tentativo di utilizzare un binding personalizzato ...

 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(); 
      } 
     }; 

L'obiettivo è che quando l'elenco ordinabile riceve un elemento, si può ottenere l'oggetto e aggiungerlo agli altri observableArray.

Questo non è proprio funzionante per me, però. Sto avendo difficoltà a far sparare l'evento come lo voglio. Il modo in cui l'ho impostato, si attiva, ma restituisce solo un valore "vero/falso". Speravo che qualcun altro potesse avere un'idea di cosa sto facendo male e so come risolverlo.

(utilizzare il codice, è necessario fare riferimento

<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> 

in alto, e poi l'ultima versione di Knockout (1.1.1)

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

Answer 1

non l'ho fatto rendi conto Steve had already answered this prima che avessi finito. Ecco, però, un modo leggermente diverso da lui.

Sortable rende questo molto più difficile, questo woul d è stato molto più facile con un binding drag-and-bound associato a ciascun prodotto. Il problema con ordinabile è che si sta vincolando all'intero elenco invece degli elementi.

http://www.pastie.org/1432093

Answer 2

ho rielaborato il campione e viene fornito con un bindingHandler quasi completo, non richiede un attributo id e gestisce anche riordino. Ecco il codice:

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

utilizzo:

• Sta usando il legame per scoprire che cosa è la matrice associata nel ViewModel template.foreach.

• È possibile utilizzare databind = "foreach: Prodotti, ordinabile: true" per abilitare l'ordinamento all'interno di un singolo array senza opzioni.

• Funziona con oggetti ObservableArray.

• Sta costruendo il jQuery ordinabile da solo, è possibile passare lo stesso oggetto opzioni nell'associazione rispetto al costruttore jQuery.sortable.