Как вы используете jsviews с сортировкой jquery?

Question

Как вы используете jsviews с сортировкой jquery?

0

Я установил пример jsFiddle, где я использую jsViews с сортировкой JQuery. Если вы ничего не меняете, удалите работу правильно; но если вы измените порядок элементов в таблице, то удалите любой элемент, он удалит более одного. Как это исправить? Я предполагаю, что есть способ обновить наблюдателя после завершения перемещения.

$("#sortableQuestionArea").sortable({
  placeholder: "ui-state-highlight",
  handle: ".sort-handle",
  update: function(event, ui) {
    // refresh code here??
  }
});

Josh 22 апр. 2014, в 18:18

Источник

Теги:

javascript

jquery

jquery-ui

jsviews

jsrender

1 ответ

Ещё вопросы

BorisMoore · Accepted Answer · 2014-04-22T15-21-00.000Z

2

Лучший ответ

Это сортировка jQueryUI - которая манипулирует DOM при перетаскивании. Но если вы используете JsViews для создания пользовательского интерфейса, управляемого данными, тогда ваш пользовательский интерфейс должен управляться данными - и изменить порядок, необходимый для сортировки данных, а не интерфейса.

Пользовательский интерфейс не может одновременно управляться данными и управлять ими, перемещая элементы DOM. Как правило, смешивание двух либо невозможно, либо очень хрупко. Это применимо независимо от того, какую структуру привязки данных вы используете (JsViews, Knockout или некоторые другие рамки...).

Обратите внимание, что в вашем примере удаление и вставка элементов использует подход, основанный на данных, и не может напрямую добавлять или удалять элементы DOM. Это правильный шаблон для пользовательского интерфейса, управляемого данными...

BorisMoore 22 апр. 2014, в 15:21

0

Я все еще хотел бы, чтобы пользователь мог установить «порядок» элементов. Как это можно сделать?
Josh 22 апр. 2014, в 16:51
0

Я получил его, добавив раскрывающийся список с опцией заказа (1,2,3, ...), и он сгенерирован по индексу + 1 (так что больше не сортируется).
Josh 22 апр. 2014, в 22:17
0

Хорошо. В противном случае вы можете использовать кнопки для перемещения элемента вверх или вниз или написать собственные обработчики перетаскивания для определения цели. Затем создайте ваш измененный массив: sortedArray (с элементами, перемещенными вверх или вниз) и перейдите к $ .observable (array) .refresh (sortedArray). Пользовательский интерфейс будет автоматически обновляться. Смотрите jsviews.com/#refresh
BorisMoore 22 апр. 2014, в 22:45
0

Мне удалось настроить сортировку для работы с обновлением ... Я завтра опубликую jsFiddle, если бы вы могли проверить это и сообщить, есть ли что-нибудь, что я мог бы очистить, это было бы здорово. Еще раз спасибо Борис!
Josh 22 апр. 2014, в 23:56
0

О - если это перемещение, а не универсальная сортировка, вы можете сделать еще лучше - используйте $ .observable (...). Move (...) - см. Jsviews.com/#move
BorisMoore 23 апр. 2014, в 03:10
0

Имея 2 проблемы, вот мой обновленный код: jsfiddle.net/F9WF6/7 1: если вы перемещаете элемент «вверх», мой код перемещения работает отлично, если вы перемещаете элемент «вниз» (более чем на 1 позицию), он потерпит неудачу , 2: После сортировки, если вы удаляете элемент из списка, пользовательский интерфейс ломается, и на странице появляются дополнительные цифры (похоже, это индексная печать в TR). Есть идеи?
Josh 23 апр. 2014, в 16:55
0

Я исправил одну из проблем, просто удалив {^ {# index}} и изменив ее на {{#index}} jsfiddle.net/F9WF6/8 Теперь мне просто нужно исправить ошибку перемещения "вниз" ..
Josh 23 апр. 2014, в 22:22
0

Хорошо, похоже, у меня теперь правильный индекс при перемещении элементов, однако перемещение "вниз" по-прежнему не работает с .move ... даже с правильными идентификаторами
Josh 23 апр. 2014, в 22:35
0

Быстрое обновление, так что все, кажется, движется сейчас, ЗА ИСКЛЮЧЕНИЕМ, если вы попытаетесь переместить элемент 0 в любое место .... jsfiddle.net/F9WF6/10
Josh 23 апр. 2014, в 22:46
1

Ха! созданный мной помощник вызывал проблему, я обновил рабочий код здесь: jsfiddle.net/F9WF6/11
Josh 24 апр. 2014, в 15:15
0

Спасибо, это работает удовольствие. Однако я внес небольшое улучшение, сохранив исходный индекс в событии сортируемого запуска. Таким образом, вам не нужно добавлять атрибут data-index в пользовательский интерфейс.
nfplee 27 янв. 2015, в 11:38

Показать ещё 9 комментариев