Ноката с jquery ui Сортировать

StackOverflow https://stackoverflow.com/questions/4146751

  •  30-09-2019
  •  | 
  •  

Вопрос

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

Я пытаюсь получить Ko работать с ситуацией, используя «Винтажный» плагин jQuery UI. У меня есть мой код здесь.

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

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

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

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

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

Это было полезно?

Решение

Я не осознавал Стив уже ответил это прежде чем я закончил. Здесь вы идете, немного по-другому, чем он.

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

http://www.pastie.org/1432093.

Другие советы

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

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

Применение:

  • Он использует шаблон .Foreach Привязка, чтобы узнать, какой связанный массив в ViewModel.

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

  • Это работает с объектами наблюдателей.

  • Он создает jQuery Сортировать сам по себе, вы можете пройти те же объект параметров в привязке, чем в jQuery.sortable Constructor.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top