Idiome für einen Drei-Status-Toggle?

Question

Ich habe eine Tabellenspalte, in der jede Zeile einen von drei Zuständen hat, und der Zweck der Zeile besteht darin, Manipulation und ANZEIGE dieser Eigenschaft mit drei Zuständen anzubieten.

Meine aktuelle Entwicklungsansicht besteht darin, drei dicht gepackte Radioknöpfe mit Beschriftungen am Kopf der Spalten (und alle 50 Zeilen oder so) und onClick eine AJAX-Anfrage zu senden und sie zu blasen.

Das ist fugly.

Gibt es ein Standard-Idiom für ein Steuerelement wie dieses? Ich mache derzeit etwas ähnliches wie das iPhone ein/aus, aber mit einem "mittleren" Zustand.

Jede Eingabe wäre willkommen.

EDIT

Etwas mehr Klarheit: Ich habe ein Werkzeug für die Ereignisse bestätigt. Jedes Ereignis wird entweder "vorgeschlagen", "storniert" oder "bestätigt". Sie alle werden standardmäßig "vorgeschlagen", bis jemand sie explizit bestätigt oder annulliert. Dies ist ein dünnes Frontend für eine SQL-Tabelle.

Answer 1

Ich habe gesehen, dass dies mit Bildtasten gehandhabt wird, die "gedrückt" bleiben, wenn Sie klicken, während Sie die anderen zwei heraus knallen. Sie funktionieren wie Optionsfelder, außer dass das Label und der Status zusammengeführt werden. Wenn Ihre Namen zu lang sind, um in eine Schaltfläche zu passen, können Sie sie abkürzen und einen Schlüssel bereitstellen. Ich würde auch jedem eine bestimmte Farbe geben. Für die Implementierung einfach den Wert in einem versteckten Formularfeld bei Klick öffnen.

• http://java.sun.com/products/jlf/ed2/book/HIG.Controls2.html
• http://msdn.microsoft.com/en-us/library/dd940509%28VS.85%29.aspx
• http://developer.gnome.org/projects/gup/hig/2.0/controls-toggle-buttons.html

Answer 2

Als Alternative zu Ihren Optionsfeldern können Sie eine Dropdown-Liste mit drei Optionen verwenden. Der Nachteil ist natürlich, dass zwei Klicks erforderlich sind, um den Wert zu ändern.

Answer 3

Vielleicht einen Schieberegler mit drei Zuständen verwenden? (Es hängt wirklich von der genauen Situation!)

Answer 4

Vielleicht Pfeile zeigen auf beiden Seiten, den Zustand zu ändern:

(Cancelled) <| Proposed |> (Confirmed) 

Diese oder auch nicht ‚wrap‘ kann je nachdem, wie gut, dass die Werte passt und wie Wichtig ist, dass beim Übergang von Wert 1 nach Wert 3 (oder umgekehrt) ein Klick gespeichert wird.

Answer 5

Die Standard-Mechanisierung für solche Dinge in der militärischen Avionik, wo der Platz auf dem Bildschirm immer knapp ist, und auch Tasten, ist ein "Dreh". Jedes Mal, wenn Sie darauf klicken, wird der nächste Wert der Reihe nach durchlaufen.

Ein Gerät mit einem Kryokühler könnte beispielsweise drei Zustände haben: AUS, WARM und COOL. Zu Beginn ist das Gerät ausgeschaltet: Es liegt keine Stromversorgung an. Klicken Sie darauf und es wird auf WARM umgeschaltet, dh es wird zwar Strom angelegt, aber keine Kühlung. Klicken Sie erneut darauf, und es beginnt der Kühler. (Da die Kühlung in solchen Fällen normalerweise von einer Gasflasche mit einer stark begrenzten Kapazität geliefert wird, möchten Sie das Gerät nicht abkühlen, bevor Sie nicht zum Feiern bereit sind.) Klicken Sie erneut darauf, und das Gerät wird ausgeschaltet.

Answer 6

Betrachten wir eine Feststellung Schieber mit drei Stellungen, wie durch jQueryUI angeboten: http://jqueryui.com/demos/slider/#steps

Answer 7

Ich bin der Schaltfläche Berechtigungen in SQL erinnert - hat es mehrere Zustände; grünes Häkchen, rotes X, keine Einstellung, und Klicken auf sie durchläuft die drei Zustände. Es ist in Ordnung, aber nervig, wenn Sie einen Haufen in den zweiten erreichten Zustand ändern wollen, und wenn Sie zu oft klicken, müssen Sie alles noch einmal durchgehen. Linksklick - vorwärts fahren; Rechtsklick - ein Rückwärtszyklus funktioniert zwar, hat aber keine Basis für die Erwartungen der Benutzeroberfläche.

Idiomatisch würde ich ein Stop Light (rot/gelb/grün) sagen. Sie könnten sich wie Radioknöpfe verhalten; dunkler für "aus" und hellere Töne für "an", und da die Farbe einen Hinweis gibt, können Sie die Beschreibung zu einem mouseover Aufkleber bewegen. Natürlich ist es nicht RG Colorblind koscher, abhängig von Ihrer Anwendung kann das ein Deal Breaker sein.(Es kann auch auf dem Mac verwirrend sein, dass die Knöpfe zum Minimieren/Schließen usw. das gleiche Farbschema haben).

Answer 8

Sie können dies auch mit Schaltflächen oder Hyperlinks tun. In einer großen Tabelle werden Hyperlinks wahrscheinlich am besten aussehen.

Im Vorgeschlagen Zustand, Ihr Handy in etwa so aussehen könnte (mit unterstrichenen Links, aber der Editor läßt mich nicht):

Vorgeschlagen ConfirmCancel

In der Bestätigter Zustand:

BestätigtUndo

Im Cancelled Zustand:

Cancelled Undo

Diese zwei Klicks nehmen von bestätigt Abgebrochen und umgekehrt zu bekommen, aber ich nehme an, dass diese Operation ist seltener als zwischen Vorgeschlagenem und einem der beiden anderen zu wechseln.

Answer 9

Warum nicht drei Boxen, die wie die "Fragen" aussehen,:

sind diese "Toggle Buttons" in einem anderen UI genannt "Tags", "Benutzer", ... Felder auf dieser Seite (könnte als Links, Schaltflächen oder was auch immer implementiert werden)?