Knockoutjs avec jQuery UI Sortable

Question

Je travaille avec les groupes Google sur les forums de Knockout pour obtenir de l'aide à ce sujet - mais je pense qu'un public plus nombreux ne peut jamais nuire à la situation.

J'essaie de faire fonctionner KO avec une situation en utilisant le plugin 'Sortable' de jQuery UI. J'ai mon code posté ici.

http://www.pastie.org/1285716

Toute tentative d'utiliser une fixation sur mesure ...

 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'objectif est que lorsque la liste Sortable reçoit un élément, il peut obtenir l'élément et l'ajouter à l'autre observableArray.

Cela ne fonctionne pas tout à fait pour moi, cependant. J'ai de la difficulté à déclencher l'événement comme je le veux. La façon dont je l'ai mis en place, il fait feu, mais il ne renvoie qu'une valeur «vrai/faux». J'espérais que quelqu'un d'autre pourrait avoir une idée de ce que je fais de mal et savoir comment le réparer.

(utiliser le code, vous devez faire référence

<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 haut, puis la nouvelle version de knock-out (1.1.1)

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

Answer 1

Je ne l'ai pas réaliser Steve had already answered this avant que j'aie fini, mais ici vous allez, légèrement différent que lui

Sortable rend beaucoup plus difficile, ça d été beaucoup plus facile avec un lien glisser-déposer lié à chaque produit. Le problème avec sortable est que vous liez sur la liste entière au lieu des éléments.

http://www.pastie.org/1432093

Answer 2

que nous avons retravaillé l'échantillon et est venu avec un bindingHandler presque complet, il ne nécessite pas un attribut id et il gère également réordonner. Voici le code:

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

utilisation

:

• Il utilise la template.foreach liant pour savoir quel est le tableau associé dans la viewmodel.

• Vous pouvez utiliser databind = "foreach: Products, sortable: true" pour activer le tri dans un seul tableau sans options.

• Il fonctionne avec les objets observableArray.

• Il construit le jQuery triable par lui-même, vous pouvez passer le même objet d'options dans la liaison que dans le constructeur jQuery.sortable.