¿Control de Combobox profesional basado en jQuery? [cerrado]


86

¿Hay controles profesionales de Combobox (lista desplegable con autosugestión) basados ​​en la biblioteca jQuery?

Debería poder manejar grandes conjuntos de datos y tener algunas opciones de máscara . Una lista de resultados de varias columnas también sería genial. Estoy trabajando con ASP.NET, pero no es un problema si tuviera que escribir un contenedor.

texto alternativo

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


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

Mira la respuesta de GeorgeBarker a continuación.
splattne

El cuadro combinado de jQuery se llama 'autocompletar'. jqueryui.com/autocomplete/#combobox
Aaron

Respuestas:


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 cuadro desplegable combinado , 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, además de ser alfa ... es que una vez que escribo en el cuadro combinado, los elementos originales de la lista desplegable desaparecen. Sin embargo, tal vez haya una configuración para esto ... o tal vez podría agregarse con bastante facilidad.

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


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 ...
Lukas Eder

3
El comentario sobre el primer enlace 'nota: en este momento, jquery.combobox se comporta como una lista desplegable y no como un cuadro de combinación completo. actualmente no acepta entrada de texto. ' tipo de derrota el propósito en mi opinión ...
Matthew Dresser

1
enlace muerto en sanchezsalvador.com
markashworth

53

Aquí hay uno que parece muy prometedor. Es una verdadera combinación: ves lo que escribes. Tiene una característica interesante que no he visto en ningún otro lugar: resultados de paginación.

FlexBox


Apoyaré la recomendación de FlexBox. Tiene un estilo y opciones de interfaz de usuario muy, umm, flexibles.
Ben Griswold

Nueva versión (0.9.3) recién lanzada. FlexBox ahora admite el filtrado JSON del lado del cliente.
Noah Heldman

1
imo FlexBox es en algunos casos exagerado.
kajo

Parece cargar todos los datos (json) a la vez, por lo que puede no ser apropiado si la fuente de datos tiene muchos registros
David

Si ya selecciono un valor, haga clic en la flecha, solo muestra el valor seleccionado, no todos los valores.
linbo

24

Cualquiera que busque un "cuadro combinado" de jquery parece estar dirigido a esta pregunta. Mi publicación es para las personas que visitan 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 escribe), todo lo que pueda Necesito 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/

Debería ser fácil envolver esto en un complemento que convierta una etiqueta de selección existente, aunque aún no lo he visto hecho.

PD: El principal problema que veo con "jQuery Editable Combobox" es que sigue siendo una lista de selección, y no es en absoluto obvio que pueda comenzar a escribir algo nuevo.



15

Ya está disponible una nueva bifurcación del proyecto sexy-combo que parece prometedora: http://code.google.com/p/ufd/


Me gusta que convierte una selección en un cuadro combinado.
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 seleccionada existente
elwyn

También puede funcionar con Jquery UI Themeroller
codeulike

Este fue el negocio para mí. Funciona a la perfección en IE7 e IE8, que era un requisito. Búsqueda de infijos (palabras intermedias), barras de desplazamiento para listas más largas y funciona bien con otros componentes.
Alastair

Este es, con mucho, el más fácil de integrar si su código existente utiliza un antiguo menú desplegable html. Usé este.
Máximo

14

Para conjuntos de datos grandes, ¿qué tal el Autocompletar de JQuery UI , que es básicamente la versión "oficial" del complemento Autocompletar de Jorn Zaeferrer ?

También escribí un complemento directo de JQuery combobox que recibió muy buenos comentarios de sus usuarios. Sin embargo, explícitamente no está destinado a grandes conjuntos de datos; Me imagino que si quieres algo que pode la lista en función de lo que escribe el usuario, es mejor que uses el complemento de autocompletado de Jorn.


El complemento de autocompletar de Jorn Zaeferrer es simple e increíble
Jake Wilson


7

Esto también es prometedor:

Cuadro combinado desplegable de JQuery en simpletutorials.com


Se ve bastante bien, pero no admite tener un nombre y valor diferente como puede hacerlo con <options> selectas
BT

1
Tampoco admite dos cuadros combinados en una página.
Tim Saylor

7

Se está preparando un componente oficial de jQuery UI ComboBox / Autocomplete ... (anteriormente en versión beta para jQuery UI 1.5.x), consulte jQuery UI Wiki

ACTUALIZAR:

La funcionalidad de autocompletar es ahora una característica principal de jQuery UI, consulte los documentos .


Esto ahora está disponible con jQuery 1.8. Lo estoy usando con bastante éxito, ha sido un widget bien diseñado.
Boldewyn

¿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 ...
sentido de las agujas del

7
un cuadro combinado no es lo mismo que autocompletar
Neil McGuigan

5

Si no necesita varias columnas, la elección es otra buena opción. Con licencia del MIT


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


3

Estoy buscando lo mismo. El que más me gustó hasta ahora es este para ExtJs, excepto que no lo he probado con Listas grandes: www.sencha.com/deploy/dev/examples/form/combos.html

Aquí hay otro realmente (!) Rápido: http://jsearchdropdown.sourceforge.net/

Por ejemplo, SexyCombo funciona bastante bien, pero es muy lento para listas más largas. El UFD popular de SexyCombo es mucho más rápido, pero el tiempo de inicialización sigue siendo bastante lento para listas realmente grandes. ¡Además, a veces consigo un poco! "brillante". Pero supongo que habrá algunas actualizaciones en un futuro próximo.


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

3

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

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


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


2

¿Por qué no pruebas http://jqueryajax.codeplex.com/ ? Es una colección de controles ASP.NET que también contiene un menú desplegable de varias columnas.



2

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

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



2

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

  • Representación de varios navegadores
  • Incapacidad para enviar valor personalizado

Como resultado, lo modifiqué un poco y funcionó bien para mí en ASP.NET MVC. Mi versión de CSS y el script de widget se pueden encontrar aquí http://saplin.blogspot.com/2011/12/html-combobox-control-and-aspnet-mvc.html

También hay una muestra sobre cómo vincular el modelo MVC a un valor personalizado.





Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.