У меня есть столбец таблицы, где каждая строка имеет одно из трех состояний, и цель строки состоит в том, чтобы предложить управление И дисплей этого свойства с тремя состояниями.
Мое текущее представление разработки должно иметь три плотно упакованных переключателя с маркировками во главе столбцов (и каждые 50 строк или так) и onClick, они отправляют запрос Ajax и thar, который она уносит.
Это - fugly.
Существует ли стандартная идиома для управления как это? Я в настоящее время копирую что-то подобное iPhone, вкл\выкл переключаются, но со "средним" состоянием.
Любой вход приветствовался бы.
Править
Немного больше разъяснения: у Меня есть инструмент для подтверждения событий. Каждое событие или "предложено", "отменено" или "подтверждено". Они все значение по умолчанию к "предложенному", пока кто-то явно не подтверждает или отменяет их. Это - тонкий фронтенд для таблицы SQL.
Я видел, как это обрабатывается с помощью кнопок с изображениями, которые остаются «нажатыми», когда вы нажимаете, одновременно открывая две другие. Они действуют как переключатели, за исключением того, что метка и состояние объединяются. Если ваши имена слишком длинные, чтобы поместиться на кнопке, вы можете сократить их и указать ключ. Я бы также дал каждому отдельный цвет. Для реализации просто вставьте значение в скрытое поле формы при нажатии.
В некоторых других пользовательских интерфейсах они называются «кнопками переключения»:
Стандартная механизация для подобных вещей в военной авионике, где экранное пространство всегда в дефиците, как и кнопки, - это «поворотный». Каждый раз, когда вы щелкаете по нему, он последовательно переходит к следующему значению.
Например, устройство с криогенным охладителем может иметь три состояния: ВЫКЛЮЧЕНО, ТЕПЛО и ОХЛАЖДЕНИЕ. Первоначально устройство ВЫКЛЮЧЕНО: питание не подается. Щелкните по нему, и он переключится на ТЕПЛЫЙ, что означает, что питание подано, но не охлаждение. Щелкните его еще раз, и он запустит кулер. (Поскольку охлаждение в подобных устройствах обычно осуществляется с помощью газового баллона со строго ограниченной мощностью, вы не хотите охлаждать устройство до тех пор, пока не будете готовы к вечеринке.) Щелкните по нему еще раз, и устройство выключится.
Возможно, отображать стрелки с обеих сторон, чтобы изменить состояние:
(Cancelled) <| Proposed |> (Confirmed)
Они могут или не могут "закручиваться" в зависимости от того, насколько хорошо это соответствует значениям и насколько важно сохранить щелчок при переходе от значения 1 к значению 3 (или наоборот).
Почему бы не использовать три поля, которые выглядят как поля «Вопросы», «Теги», «Пользователи», ... на этой странице (может быть реализовано в виде ссылок, кнопок и т. д.)?
Может быть, использовать ползунок с тремя состояниями? (Это действительно зависит от конкретной ситуации!)
Рассмотрим слайдер с фиксированным положением с тремя положениями, например, предлагаемый jQueryUI: http://jqueryui.com/demos/slider/# шаги
Вы также можете сделать это с помощью кнопок или гиперссылок. В большой таблице, наверное, лучше всего будут смотреться гиперссылки.
В состоянии "Предложено" ваша ячейка может выглядеть примерно так (с подчеркнутыми ссылками, но редактор не позволяет мне):
Предложено Подтвердить Отменить
В состоянии Подтверждено:
Подтверждено Отменить
В состоянии Отменено:
Отменено Отменить
Для перехода от Подтверждено к Отмене и наоборот потребуется два щелчка мышки, но я предполагаю, что эта операция встречается реже чем переключение между Proposed и одним из двух других.
Мне вспоминается кнопка разрешений в SQL - она имеет несколько состояний; зеленая галочка, красный крестик, нет настройки, и щелкая по ним, можно переключаться между тремя состояниями. Это нормально, но раздражает, если вы хотите изменить группу до состояния, которое было достигнуто вторым, и если вы нажимаете слишком много раз, вам придется пройти через все это снова. Левый щелчок - переход вперед; щелчок правой кнопкой мыши - обратный цикл может работать, но определенно не основывается на ожиданиях пользовательского интерфейса.
Идиоматично, я бы сказал стоп-сигнал (красный / желтый / зеленый). Они могли вести себя как радиокнопки; более темные тона для «выключено» и более светлые тона для «вкл.», и поскольку цвет дает подсказку, вы можете переместить описание на метку при наведении курсора. Конечно, это не кошерный RG Colorblind, поэтому, в зависимости от вашего приложения, это может быть препятствием. (Кроме того, это может сбивать с толку на Mac, где кнопки свертывания / закрытия и т. д. имеют одинаковую цветовую схему).
В качестве альтернативы переключателям вы можете рассмотреть раскрывающийся список с тремя вариантами. Недостатком, конечно же, является то, что для изменения значения требуется два щелчка мышки.