Идиомы для переключателя с тремя состояниями?

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

Мое текущее представление разработки должно иметь три плотно упакованных переключателя с маркировками во главе столбцов (и каждые 50 строк или так) и onClick, они отправляют запрос Ajax и thar, который она уносит.

Это - fugly.

Существует ли стандартная идиома для управления как это? Я в настоящее время копирую что-то подобное iPhone, вкл\выкл переключаются, но со "средним" состоянием.

Любой вход приветствовался бы.

Править

Немного больше разъяснения: у Меня есть инструмент для подтверждения событий. Каждое событие или "предложено", "отменено" или "подтверждено". Они все значение по умолчанию к "предложенному", пока кто-то явно не подтверждает или отменяет их. Это - тонкий фронтенд для таблицы SQL.

5
задан skaffman 5 April 2010 в 19:05
поделиться

9 ответов

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

В некоторых других пользовательских интерфейсах они называются «кнопками переключения»:

5
ответ дан 13 December 2019 в 22:05
поделиться

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

Например, устройство с криогенным охладителем может иметь три состояния: ВЫКЛЮЧЕНО, ТЕПЛО и ОХЛАЖДЕНИЕ. Первоначально устройство ВЫКЛЮЧЕНО: питание не подается. Щелкните по нему, и он переключится на ТЕПЛЫЙ, что означает, что питание подано, но не охлаждение. Щелкните его еще раз, и он запустит кулер. (Поскольку охлаждение в подобных устройствах обычно осуществляется с помощью газового баллона со строго ограниченной мощностью, вы не хотите охлаждать устройство до тех пор, пока не будете готовы к вечеринке.) Щелкните по нему еще раз, и устройство выключится.

2
ответ дан 13 December 2019 в 22:05
поделиться

Возможно, отображать стрелки с обеих сторон, чтобы изменить состояние:

(Cancelled)  <| Proposed  |> (Confirmed)

Они могут или не могут "закручиваться" в зависимости от того, насколько хорошо это соответствует значениям и насколько важно сохранить щелчок при переходе от значения 1 к значению 3 (или наоборот).

1
ответ дан 13 December 2019 в 22:05
поделиться

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

0
ответ дан 13 December 2019 в 22:05
поделиться

Может быть, использовать ползунок с тремя состояниями? (Это действительно зависит от конкретной ситуации!)

0
ответ дан 13 December 2019 в 22:05
поделиться

Рассмотрим слайдер с фиксированным положением с тремя положениями, например, предлагаемый jQueryUI: http://jqueryui.com/demos/slider/# шаги

0
ответ дан 13 December 2019 в 22:05
поделиться

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

В состоянии "Предложено" ваша ячейка может выглядеть примерно так (с подчеркнутыми ссылками, но редактор не позволяет мне):

Предложено Подтвердить Отменить

В состоянии Подтверждено:

Подтверждено Отменить

В состоянии Отменено:

Отменено Отменить

Для перехода от Подтверждено к Отмене и наоборот потребуется два щелчка мышки, но я предполагаю, что эта операция встречается реже чем переключение между Proposed и одним из двух других.

2
ответ дан 13 December 2019 в 22:05
поделиться

Мне вспоминается кнопка разрешений в SQL - она ​​имеет несколько состояний; зеленая галочка, красный крестик, нет настройки, и щелкая по ним, можно переключаться между тремя состояниями. Это нормально, но раздражает, если вы хотите изменить группу до состояния, которое было достигнуто вторым, и если вы нажимаете слишком много раз, вам придется пройти через все это снова. Левый щелчок - переход вперед; щелчок правой кнопкой мыши - обратный цикл может работать, но определенно не основывается на ожиданиях пользовательского интерфейса.

Идиоматично, я бы сказал стоп-сигнал (красный / желтый / зеленый). Они могли вести себя как радиокнопки; более темные тона для «выключено» и более светлые тона для «вкл.», и поскольку цвет дает подсказку, вы можете переместить описание на метку при наведении курсора. Конечно, это не кошерный RG Colorblind, поэтому, в зависимости от вашего приложения, это может быть препятствием. (Кроме того, это может сбивать с толку на Mac, где кнопки свертывания / закрытия и т. д. имеют одинаковую цветовую схему).

0
ответ дан 13 December 2019 в 22:05
поделиться

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

0
ответ дан 13 December 2019 в 22:05
поделиться
Другие вопросы по тегам:

Похожие вопросы: