Как мне повторно упорядочить элементы управления выпадающего списка, такие как очередь NetFlix, со стороны клиента (Javascript)

Question

У нас есть ряд выпадающих элементов управления, которые определяют порядок сортировки столбцов.Проблема, с которой мы сталкиваемся, заключается в том, что когда пользователь выбирает столбец в качестве 2-го столбца, в других выпадающих списках необходимо изменить их значения так, чтобы было только одно "2-е".

1. Столбец A [1]
2. Колонка B [2]
3. Колонка C [3]
4. Колонка D [4]
5. Колонка E [5]

В приведенном выше списке, когда вы меняете столбец D на [2], столбец B становится [3], C становится [4] и т.д.Я могу управлять этим на стороне сервера, но мне было интересно, есть ли у кого-нибудь какие-нибудь подсказки, как сделать это на стороне клиента с помощью javascript.

Answer 1

Посмотрите на наборы инструментов Javascript, такие как Скриптакулус для изменения порядка на стороне клиента.

Вы добавляете свои элементы следующим образом "Сортируемые объекты" и закодируйте свои собственные обратные вызовы для выполнения, когда элементы перетаскиваются, а затем отбрасываются - например, для отправки асинхронного запроса на сервер для сохранения нового порядка.

Вот такой полный учебник о создании сортируемых списков с помощью Scriptaculous и PHP.Для ASP код на стороне клиента будет немного отличаться, но процесс будет похожим.

Answer 2

На заметке о фреймворках JavaScript;Я настоятельно рекомендую jQuery.