Knockoutjs с пользовательским интерфейсом jQuery Sortable

Question

Я тоже работаю с форумами Google на форумах нокаута, но мне кажется, что большая аудитория никогда не сможет повредить ситуацию.

Я пытаюсь заставить KO работать с ситуацией, используя jQuery UI's 'Sortable' plugin. У меня есть мой код, размещенный здесь.

http://www.pastie.org/1285716

Попытка использовать пользовательские привязки ...

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

Цель состоит в том, что, когда Сортируемый список получает элемент, он может получить товар и добавьте его в другой observableArray.

Это не совсем работает для меня. У меня возникли трудности с тем, чтобы запустить событие, как я этого хочу. Как я его настроил, он срабатывает, но он возвращает только значение «истина/ложь». Я надеялся, что у кого-то еще может быть представление о том, что я делаю неправильно, и знаю, как это исправить.

(использовать код, вам нужно ссылаться на

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

в верхней части, а затем новую версию Нокаут (1.1.1)

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

Answer 1

я не сделал осознать Steve had already answered this, прежде чем я закончил. Здесь вы идете, немного иначе, чем он.

Сортировка делает это намного сложнее, этот woul d были намного проще с привязкой к перетаскиванию, связанной с каждым продуктом. Проблема с сортировкой заключается в том, что вы привязываетесь ко всему списку, а не к элементам.

http://www.pastie.org/1432093

Answer 2

я переработал образец и пришел с почти полным bindingHandler, он не требует идентификатор атрибута, и он также обрабатывает переназначения. Вот код:

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

использование:

• Это используя template.foreach связывания, чтобы выяснить, что это ассоциативный массив в ViewModel.

• Вы можете использовать databind = "foreach: Products, sortable: true", чтобы включить сортировку внутри одного массива без параметров.

• Работает с объектами наблюдаемого объекта.

• Это построение jQuery, сортируемое самостоятельно, вы можете передать тот же объект options в привязке, что и в конструкторе jQuery.sortable.