Knockoutjs con jQuery UI Sortable

Question

Estoy trabajando con los Grupos de Google en los foros de Knockout para obtener ayuda con esto también, pero me imagino que un público más grande nunca puede dañar la situación.

Estoy tratando de hacer que KO trabaje con una situación usando el complemento "ordenable" de jQuery UI. Tengo mi código publicado aquí.

http://www.pastie.org/1285716

El intento de utilizar un enlace a medida ...

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

El objetivo es que cuando la clasificación ordenada recibe un artículo, se puede conseguir el artículo y añadirlo a la otra observableArray.

Aunque esto no me funciona del todo. Tengo dificultades para que el evento se dispare como quiero. La forma en que lo tengo configurado, dispara, pero solo devuelve un valor 'verdadero/falso'. Esperaba que alguien más pudiera tener una idea de lo que estoy haciendo mal y saber cómo solucionarlo.

(para usar el código, es necesario hacer referencia 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> 

en la parte superior, y luego la versión más reciente de Knockout (1.1.1)

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

Answer 1

no lo hice darse cuenta Steve had already answered this antes de que yo haya terminado. Aquí tienes una forma ligeramente diferente a él.

ordenable hace esto mucho más difícil, esta woul Ha sido mucho más fácil con un enlace de arrastrar y soltar vinculado a cada producto. El problema con ordenar es que usted es vinculante en la lista completa en lugar de los artículos.

http://www.pastie.org/1432093

Answer 2

volví a trabajar la muestra y venía con un bindingHandler casi completa, que no requiere un atributo id y también se encarga de reordenamiento. Aquí está el código:

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

uso:

• Se trata de utilizar la unión de averiguar cuál es la matriz asociada en el modelo de vista template.foreach.

• Puede usar databind = "foreach: Products, sortable: true" para habilitar la clasificación dentro de una única matriz sin opciones.

• Está trabajando con Objetos de Array observables.

• Está construyendo el objeto ordenable jQuery por sí mismo, puede pasar el mismo objeto de opciones en el enlace que en el constructor jQuery.sortable.