Денис Алимов
7 сентября 2010

Как сделать селектор (dropdown) в котором можно добавить новый элемент, и как в нём быстро выбрать никакой элемент?



Примером такого элемента является комбобокс — сочетание поля ввода и выпадайки:

Комбобокс

Туда можно ввести даже то, чего в выпадайке пока нет:

Баян

Выпадайка запомнит это, и в следующий раз оно в ней уже будет.

Если нам важно, чтобы создание новой сущности было осознано пользователем, можно сделать так:

Комбобокс с подтверждением

Чтобы выбрать «никакой элемент», нужно просто стереть весь текст. Если это частая операция, то можно включить соответствующий вариант в саму выпадайку, как я показал выше, или решить это вообще за пределами этого элемента (скажем, подчинив его чекбоксу «Требуется штука»)

P. S.

Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Комментарии

Денис Хуснутдинов
7 сентября 2010

Чтобы выбрать никакой элемент, можно добавить кнопку, которая очищает поле. Как в Сафари или Хроме.

Сергей Леньков
7 сентября 2010

Илья, а не лишний ли пункт «не требуется»? Если нужен никакой элемент то поле для ввода просто остается пустым.

В одной из моих программ поле Name может быть пустым, пользователь из выпадающего списка может выбрать существующий вариант или написать новый.

Алексей Рытов
7 сентября 2010

Не вижу проблемы вообще. Если у вас есть раскрывающийся список с возможностью вписать руками, то просто при сохранении у следующего пользователя он уже будет в списке. А у того, кто добавил, зачем ему сообщать, что он что-то добавил — вписал и вписал. Естественно, нужно предлагать по мере набора варианты и делать динамическую подгрузку при длинных списках.

Юрий Солоницын
7 сентября 2010

В «Интернет-эксплорере» список набранных адресов позволяет удалять из списка ненужные пункты. Например, для неправильно набранных адресов может быть полезно.

Александр Дебкалюк
8 сентября 2010

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

Одно дело для какого-нибудь интранета, другое — для широкого круга пользователей.

Женя Бакст
8 сентября 2010

Юрий Солоницын, в виндосовских комбобоксах, умеющих добавлять элементы через ввод в текстовом поле, обычно работает кнопка «delete».


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Недавно всплыло

Начальник считает, что перед встречей нужно обязательно разработать несколько вариантов предложений 6 2 1 Как сделать плавный переход от общения с администратором к директору? 1