jQuery Autocomplete UI

Question

У меня есть иерархия моделей, которая выглядит примерно так:

Office
   |
   +-- Person

То есть каждый Office имеет несколько Person.

Я хочу разрешить пользователю выбирать Person, используя поле автозаполнения для ввода текста (используя jQuery UI Autocomplete ). В этом поле ввода текста я позволяю пользователю вводить текст, который сопоставляется на стороне сервера с фамилией, именем и логином Person, чтобы найти совпадения, которые будут предлагаться пользователю, пока он / она печатает.

Недавно я столкнулся с проблемой, когда иногда пользователи знают только ограниченную информацию, такую ​​как имя Office и имя Person. Они не могут просто ввести «Джон» в поле автозаполнения, так как оно будет соответствовать сотням «Джона», и им придется прокручивать все это в поисках того, что справа Office.

У меня вопрос, , как лучше всего разрешить пользователям искать Person, используя критерии как Office, так и Person?

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

Answer 1

Проверьте http://jquery.bassistance.de/autocomplete/demo/, затем нажмите

"Нажмите здесь, чтобы просмотреть автозаполнение в окне толстого ящика."

Для демонстрации их плагина.Это реализует составное автозаполнение, которое вы можете использовать, чтобы, возможно, использовать Person в качестве основной записи, а офис - в качестве меньшей информации в нижней части.Может потребоваться некоторая настройка, чтобы привести его в соответствие с вашим желанием, чтобы пробел начинал новое выражение.

Пример:

в настоящее время john west не соответствует

John Smith
Office: West Park

, но разделение пробелом для нового выражения будет соответствовать имени и офису одновременно.

Однако в настоящее время вы можете сопоставить эту запись, набрав либо John или west

Answer 2

Я бы сначала дал им необязательный выпадающий список для выбора Office, а затем заполнил автозаполнение каждым человеком из Office. Затем вы можете включить функции, которые позволят им сначала выбрать человека, а также заполнить офис.

Answer 3

Может быть, дать им способ пометить часть Office строки поиска?Как @office, чтобы пользователь мог набрать john @ scranton или john smith @ scranton.