it-swarm.com.de

Anzeigen einer Auswahl aus einer Dropdown-Checkliste

Zunächst entschuldige ich mich für mein Englisch und werde versuchen, so klar wie möglich zu sein!

Ich habe derzeit ein Problem mit einer Dropdown-Checkliste.

Links neben den Suchergebnissen befindet sich eine Dropdown-Checkliste, in der die verschiedenen angezeigten Kategorien (38) verwaltet werden. Bei Auswahl dieser Option wird eine Kategorie im Klartext in einem Feld angezeigt. Wenn der Benutzer alle 38 Kategorien auswählt, werden sie im Klartext, aber in einer Linie und durch ein Komma getrennt angezeigt, was das Lesen unklar und sehr schwer macht.

Ich möchte die Klartextliste im Feld nicht ausschneiden, da die Kategorien hausgemacht sind und die Benutzer nicht unbedingt mit ihnen vertraut sind.

Es ist für mich auch viel einfacher zu sehen, was bei einer Suche aktiviert oder deaktiviert wurde. Bei einer kurzen Liste muss der Benutzer klicken, um die einfache Liste anzuzeigen und zu wissen, was überprüft wurde.

Ich habe es mit Harvest's Multiple Select versucht, aber das Ergebnis ist das gleiche (zu lang).

Hast du irgendwelche Lösungen?

2
alexia

Erstens ist dein Englisch wirklich nicht so schlecht.

enter image description here

Es klingt so, als ob die kostenlose Auswahlbibliothek von Harvest zu Ihrem Vorteil sein könnte. http://harvesthq.github.com/chosen/

Diese funktionieren ähnlich wie das Namensschild von Facebook beim Verfassen einer Nachricht. Obwohl es aus Ihrer Beschreibung schwer zu sagen ist, klingt es so, als hätten Sie zwei Schnittstellen, von denen nur eine benötigt wird.

Entweder das oder eine Funktion wie die des vorherigen Links würde diese beiden interaktiven Elemente grundsätzlich in ein einziges Element integrieren.

Dies kann auch Ihr Dilemma lösen, da jedes Element im Textfeld trivial ein durch Kommas getrenntes Element ist, aber dennoch wie ein Objekt behandelt werden kann. Das Plugin aktualisiert auch die Dropdown-Liste und entfernt bereits ausgewählte Elemente.

Update

Mein Team ist zu Select2 gewechselt, es ist eine gut gepflegte Gabel von Chosen mit mehr Funktionen.

http://ivaynberg.github.io/select2/

3
Adam Grant

Vielleicht könnte diese Lösung für Sie funktionieren: (Ich habe diese Struktur für Tagging gesehen, könnte aber auch für Sie funktionieren). Sogar ein Such-/Filterfeld könnte zum linken Seitenbereich hinzugefügt werden.

enter image description here

1

Ich gehe davon aus, dass die Anwendungsfälle für die Auswahl an den Rändern gruppiert sind, was bedeutet, dass fast alle Auswahlen entweder einige ausgewählte Kategorien oder alle ausgewählten Kategorien mit Ausnahme einiger weniger sind. Wenn dies wahr ist, würde ich das Problem folgendermaßen angehen:

  • passen Sie den dem Benutzer angezeigten Text an, wenn das Dropdown-Menü nicht angezeigt wird.
  • wenn nur wenige ausgewählt sind, zeigen Sie die ausgewählten Kategorien an, z. "Kategorie 1, Kategorie 2"
  • wenn alle ausgewählt sind, listen Sie nicht jede Kategorie auf. Zeigen Sie stattdessen Text an, der angibt, dass alle ausgewählt sind, z. "(alle)"
  • wenn fast alle außer einigen ausgewählt sind, zeigen Sie Text an, der angibt, welche nicht ausgewählt sind, z. "(alle) außer Kategorie, Kategorie 2"
  • wenn viele Kategorien ausgewählt sind, aber nicht so viele, dass fast alle ausgewählt sind, zeigen Sie die ersten Kategorien und dann ein "Zusammenfassungs" -Element an, z. "Kategorie 1, Kategorie 2, Kategorie 3 und 18 weitere".
  • stellen Sie sicher, dass ein Tooltip vorhanden ist, damit Benutzer, die mit der Maus über das Dropdown-Kontrollkästchen fahren, die vollständige Liste sehen.
0
Justin Grant