Выгодные альтернативы selectbox для замены огромных списков предметов?

Question

Мне интересно, есть ли какие-либо жизнеспособные альтернативы интерфейса для использования полей выбора, где существуют очень большие списки данных (1000+).

Например, в моем приложении у меня есть форма, которая показывает детали для одного предмета (это довольно простое приложение для управления запасами). При отправке инвентаря персоналу склада необходимо пометить товар как «Out» и выбрать № заказа, по которому он будет отправлен.

Для последнего бита этот выбор # заказа был только что выпадающим из существующих номеров заказа в системе (1, 2, 3, ... и т. Д.). Теперь количество заказов увеличивается (теперь более 1 тыс.), И, очевидно, это делает страницы намного больше (из-за генерации большого HTML-списка <option> тегов).

Есть ли хорошие (креативные) альтернативы использованию полей выбора для данных такого рода? Я подумал об использовании окна предложений типа Ajax, но это кажется немного странным для тех, кто просто вводит пару цифр. Я также хочу избежать как можно большего количества проверок целостности данных на стороне интерфейса - было довольно сложно ввести / выбрать номер заказа, который не существует, если его нет в раскрывающемся списке <select>.

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

Спасибо всем!

Answer 1

Я очень рекомендую виджет Scriptaculous Auto-Completer (http://wiki.github.com/madrobby/scriptaculous/ajax-autocompleter).

Это действительно упрощает реализацию AJAX и позволяет вам использовать язык обработки на стороне сервера (php / jsp) для тяжелой работы по выяснению того, какой набор данных наиболее подходит для пользователя, перед тем, как отобразить его им.

Я все за простоту и полу-интеллектуальный список предложений, аля окно поиска Google очень интуитивно понятно для большинства людей.

Для действительно изящного поворота вы можете выполнить AJAX для предыдущих вводов данных формы завершения заказа, чтобы дополнительно сократить набор возможных номеров заказов, которые вводятся до того, как пользователь даже начинает вводить в поле № заказа (при условии, что данные доступен вашему внутреннему процессору, который из приведенных выше комментариев выглядит так, как это возможно).

Answer 2

Можно ли отфильтровать список отображаемых номеров заказов по тем заказам, которые не были полностью выполнены? Это значительно уменьшит количество заказов?

---

Редактировать
Основываясь на комментариях, я бы попробовал одну из следующих вещей:

1 - добавить еще один предварительный выпадающий список для фильтрации заказов. Может быть, имя торгового представителя или состояние, в которое поставляется товар. Основываясь на выборе в поле, я бы Ajax-y получил соответствующие заказы.

2 - Если бы № 1 не работал, я бы добавил кнопку для всплывающего наложения Div, содержащего номера заказов. Я получал номера заказов Ajax-y по нажатию кнопки, а затем выбрасывал их, как только заказ был выбран.