2008-10-12 5 views
86

¿Hay algún profesional controles Combobox (lista desplegable con autosugestión) basados ​​en la biblioteca jQuery?Combobox basado en jQuery profesional?

Debe ser capaz de manejar grandes conjuntos de datos y tienen algunos desollar opciones. Una lista de resultados de varias columnas sería genial también. Estoy trabajando con ASP.NET, pero no es un problema si tengo que escribir un contenedor para ello.

alt text

ya estoy usando un control de terceros, pero me encontré con algunos problemas compatibilty entre dos controles de los proveedores. Bueno, quiero deshacerme de este tipo de dependencias.

+0

¿Alguna vez pudo encontrar una mejor respuesta a esta pregunta? – Element

+0

Mire la respuesta de GeorgeBarker a continuación. – splattne

Respuesta

24

Desafortunadamente, lo mejor que he visto es jquery.combobox, pero realmente no parece algo que realmente quisiera usar en mis aplicaciones web. Creo que hay algunos problemas de usabilidad con este control, pero como usuario no creo que sepa comenzar a escribir para que la lista desplegable se convierta en un cuadro de texto.

Prefiero el Combo Dropdown Box, pero todavía tiene algunas características que me gustaría y todavía está en alfa. Lo único que no me gusta de esto aparte de que es alfa ... es que una vez que escribo en el cuadro combinado, desaparecen los elementos originales de la lista desplegable. Sin embargo, tal vez haya una configuración para esto ... o tal vez podría agregarse con bastante facilidad.

Esas son las dos únicas opciones que conozco. Buena suerte en tu búsqueda. Me encantaría saber si encuentras uno o si la segunda opción funciona para ti.

+1

Parece que tengo problemas de compatibilidad con jquery.combobox y jQuery 1.4.x ... como con la mayoría de los complementos que no se han mantenido durante mucho tiempo ... –

+3

El comentario en el primer enlace * 'nota: por el momento jquery.combobox se comporta como una lista desplegable y no como una combbox completa. actualmente no acepta la entrada de texto. '* tipo de derrota el propósito IMO .... –

+1

enlace muerto en sanchezsalvador.com – markashworth

14

Para grandes conjuntos de datos, ¿qué hay de JQuery UI Autocomplete, que es básicamente la versión "oficial" de Autocomplete plugin de Jorn Zaeferrer?

También escribí un plugin directo de JQuery combobox que recibió muy buenas críticas de sus usuarios. Está explícitamente no pensado para grandes conjuntos de datos; Me imagino que si quieres algo que limpie la lista según lo que escriba el usuario, estarás mejor con el complemento de autocompletado de Jorn.

+0

El complemento Autocompletar de Jorn Zaeferrer es simple e impresionante –

53

Aquí hay uno que parece muy prometedor. Es un verdadero combo, ya ves lo que escribes. Tiene una característica interesante que no he visto en otros lugares: resultados de búsqueda.

FlexBox

+0

Voy a secundar la recomendación de FlexBox. Tiene un estilo muy, umm, flexible y opciones de UI. –

+0

Acaba de lanzarse la nueva versión (0.9.3). FlexBox ahora es compatible con el filtrado JSON del lado del cliente. –

+1

Solo funciona en un elemento DIV – Brettski

7

Esto también es prometedora:

JQuery Drop-Down Combo Box en simpletutorials.com

+0

Se ve muy bien, pero no es compatible con tener un nombre y valor diferente al que se puede seleccionar con

+1

Además, no es compatible con dos cuadros combinados en una página. –

2

Por qué no intentas http://jqueryajax.codeplex.com/. Es una colección de controles ASP.NET que también contiene menú desplegable de múltiples columnas.

7

un componente oficial de jQuery UI ComboBox/Completar automáticamente es en la fabricación ... (previamente en beta para jQuery UI 1.5.x), ver jQuery UI Wiki

ACTUALIZACIÓN:

funcionalidad de autocompletar es ahora una característica central de jQuery UI, see docs.

+0

Esto ahora es en vivo con jQuery 1.8. Lo estoy usando con bastante éxito, ha sido un widget bien diseñado. – Boldewyn

+0

¿Están experimentando el efecto post? Cuando hago clic en la flecha para alternar la lista, mi página se publica y obtengo una actualización de página ... – Keith

+7

un cuadro combinado no es lo mismo que autocompletar –

10

Otro buen complemento es Sexy Combo

+3

Este proyecto ha detenido el desarrollo activo. – kajo

+1

Vea la bifurcación de UFD de esto: http://stackoverflow.com/questions/195270/professional-jquery-based-combobox-control/2629205#2629205 – codeulike

2

Tuve el mismo problema, así que terminé haciendo el mío.

Tiene un sistema de plantilla incorporado, por lo que puede hacer que los resultados se vean como cualquier cosa que desee. Funciona en todos los principales navegadores y acepta matrices & json objetos. http://code.google.com/p/custom-combobox/

15

Un nuevo tenedor del proyecto sexy-Combo es ahora fuera, que parece prometedor: http://code.google.com/p/ufd/

+0

Me gusta que convierte una selección en un combobox. – beetstra

+1

Después de revisar cada sugerencia en la página, me conformé con esta. Rápido, simple, proporciona solo la funcionalidad básica que quería, y trabajó en una entrada de selección existente – elwyn

+0

También puede funcionar con Jquery UI Themeroller – codeulike

3

Busco la misma. El que más me gustaba hasta ahora es éste para ExtJs - excepto Lo He probado con grandes listas: www.sencha.com/deploy/dev/examples/form/combos.html

Aquí es otra realidad (!) rápidamente en uno: http://jsearchdropdown.sourceforge.net/

por ejemplo, la SexyCombo funciona bastante fantástica, pero es manera de frenar para listas más largas. El UFD popular de SexyCombo es mucho más rápido, pero el tiempo de inicialización todavía es bastante lento para listas muy grandes. Además, a veces me sale un poco! "brillante". Pero supongo que habrá algunas actualizaciones en el futuro cercano.

+0

ExtJs también funciona muy bien con listas grandes (o enormes) porque admite paginación y puede consultar los valores localmente o decidir enviar la consulta al servidor y proporcionar otro fragmento de resultados. El problema con ExtJs es su curva de aprendizaje empinada. – stivlo

2

Aquí hay uno muy bueno: http://www.xnodesystems.com/ El campo de lista dinámica no solo tiene la capacidad de autocompletar, sino que también es capaz de hacer validaciones.

23

Cualquiera que busque un "cuadro combinado" jQuery parece estar dirigido a esta pregunta. Mi publicación es para las personas que acceden a esta página para encontrar un cuadro combinado "tradicional", en lugar de una respuesta a la pregunta original. Todas las soluciones anteriores se enfocan en usar la entrada como un medio para filtrar y autocompletar a un valor de selección existente. (ideal para grandes conjuntos de datos)

Si está buscando el cuadro combinado tradicional, que es simplemente "Escriba algo o seleccione entre estos valores predefinidos" (no, no ocultaremos los que no coinciden) mientras se está escribiendo), todo lo que necesita hacer es

<select id="combo4" style="width: 200px;" 
      onchange="$('input#text4').val($(this).val());"> 
    <option>option 1</option> 
    <option>option 2</option> 
    <option>option 3</option> 
</select> 
<input id="text4" 
     style="margin-left: -203px; width: 180px; height: 1.2em; border: 0;" /> 

ver http://bit.wisestamp.com/uncategorized/htmljquery-editable-combo-2/

debe ser fácil de terminar con esto en un plugin que convierte una etiqueta de selección existente, aunque no he visto eso hecho todavía.

P.S .: El principal problema que veo con "Combobox editable de jQuery" es que sigue siendo una lista de selección, y no es nada obvio que pueda comenzar a escribir algo nuevo.

+0

http://jsfiddle.net/X657V/ – bancer

3

Sexy-Combo ha quedado obsoleto. Existe un mayor desarrollo en el proyecto Desarme de filtro rápido discreto. Parece prometedor, ya que tengo requisitos similares.

https://code.google.com/p/ufd/

+0

Aunque es bueno, parece que no funciona con jquery> 1.6. Buscando otras opciones –

2

He intentado http://jqueryui.com/demos/autocomplete/#combobox y los problemas que enfrentan son:

  • entre navegadores representación
  • la imposibilidad de enviar valor personalizado

Como consecuencia, hemos ajustado es un poco y me funcionó en ASP.NET MVC. Mi versión de script de CSS y widget se puede encontrar aquí http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

Muestra en el modelo de enlace MVC a valor personalizado también está allí.

5

Si usted no necesita de varias columnas, chosen es otra buena opción. Licencia MIT

+0

+1 para elegido. Se ve muy bien y no tuvimos que hacer ningún cambio en los desplegables existentes con datos provenientes de un ObjectDatasource. ¡Simplemente funciona! – Matt

3

me gusta select2, que es rico en características y agradable y activa. Particularmente como la función de búsqueda diacritic.

+0

Word. http://ivaynberg.github.io/select2/ – ethanpil

Cuestiones relacionadas