web-development-kb-es.site

¿Alternativas a una lista dual para seleccionar un grupo de artículos de una lista larga?

¿Qué alternativas y ejemplos hay para seleccionar un grupo de elementos de una larga lista de elementos en lugar de una lista dual?

Esta pregunta tiene algunas mejoras agradables en la lista dual tradicional, pero estoy buscando otras cosas para considerar.

La mejor manera de seleccionar un subconjunto de elementos en una lista larga

16
Sam

Considere usar un selección múltiple con tokens diseño. La función de filtro mientras escribes es agradable pero no esencial. Funcionan bien cuando el caso de uso común es seleccionar uno o solo unos pocos, pero la facilidad de uso disminuye rápidamente si necesita seleccionar muchos, ya que el usuario tiene que volver a invocar el menú para cada elemento.

Multi-select with tokens, via harvesthq.github.com/chosen

Anteriormente ha visto el método de entrada múltiple con token en sus clientes de correo electrónico. multi-select-tokens in email

Si el caso común es seleccionar múltiples, puede considerar un menú de casilla de verificación . La diferencia aquí es que el menú desplegable es persistente a través de los clics (además de comunicar visualmente la naturaleza de selección múltiple) y, por lo tanto, el usuario puede hacer clic y hacer clic para seleccionar rápidamente varios elementos. Para nuestra aplicación web, estamos buscando mejorar este diseño agregando la funcionalidad de tokens.

checkbox menu, via realestate.com.au

11
Erics

Cualquier alternativa dependería de los datos y los casos de uso esperados. La representación visual no es tan importante como ayudar al usuario a encontrar los valores correctos. Debe aprovechar cualquier oportunidad para reducir la cantidad de opciones y guiar al usuario a sus valores preferidos. Considere filtrar, agrupar y recordar selecciones anteriores.

3
Nescio

He notado esta alternativa utilizada por Windows 7 para seleccionar columnas para el Explorador de Windows.

enter image description here

2
jpierson

Mira estos ejemplos también:

http://ivaynberg.github.com/select2/

... desde un complemento jquery llamado "Select 2" que le dará acceso programático, soporte de etiquetado y tokenización para cuadros seleccionados, campos de entrada, menús desplegables y más. Debería poder crear una buena solución para su desafío con esto.

Complemento genial.

2
Rowe Morehouse

Puede usar una lista de casillas de verificación con la opción "Seleccionar todo" en la parte superior. Con esta casilla de verificación, puede seleccionar y deseleccionar todas las opciones muy rápidamente (la casilla de verificación refleja al mismo tiempo el estado de selección de la lista ... todas, cualquiera o ninguna). Si el número de elementos de casilla de verificación es muy alto, puede mostrar los elementos seleccionados (en una lista normal) en el lado derecho de la lista de casilla de verificación. Además, debe agregar un filtro sobre la lista de casillas de verificación.

0
sysscore

Si le falta espacio y la probabilidad de agregar elementos es baja (2-3), puede realizar una acción de agregar repetitiva. Con la taxonomía adecuada, los usuarios obtienen eso muy rápido.

0
Bobby Tables