2010-11-19 8 views
9

Estoy buscando un cuadro combinado de varias columnas mediante HTML + JavaScript solamente. ¿Hay algún ejemplo o biblioteca disponible? Cuando encontré alguna solución, están en ASP.NET, pero no en HTML + JavaScript puro.Implementar el cuadro combinado de varias columnas con HTML + JavaScript

Aquí hay un ejemplo, pero se implementa utilizando Java Swing.

alt text

+1

Algo así como http://developer.yahoo.com/yui/datatable/ pero que muestra solo la fila superior a menos que esté enfocado? –

+1

yui datatable podría usarse dentro del menú emergente combinado, pero no es una respuesta lo suficientemente buena para lo que está preguntando. –

Respuesta

3

Flexbox es probablemente el mejor que he utilizado siempre con jQuery, con paginación y soporte JSON:

http://flexbox.codeplex.com/

Es un cuadro combinado real, ya que muestra los resultados escribiendo. Se puede rediseñar fácilmente a través del CSS.

Por ejemplo. para modificar las filas:

.ffb .content .row { 
    border-bottom: 1px solid #828790; 
    clear: both; 
    color: #000000; 
    height: 20px; 
} 

border-bottom puede ser removido para deshacerse de las líneas entre filas.

+0

No hago el separador horizontal para cada fila. ¿Sabes cómo hacerlos invisibles? –

+0

Sí, lo mismo aquí =) Estoy actualizando la respuesta ... – SuperDuck

+0

¿Es posible hacer una búsqueda de Flexbox en todas las columnas, no solo en la columna {name}? – AverageMarcus

2

http://dev.sencha.com/deploy/dev/examples/form/combos.html Muestra el cuadro combinado de ExtJS. Su cuadro combinado se puede personalizar con la plantilla que se utilizará para representar cada entrada. Todo lo que debe hacer es especificar una plantilla que contenga algunos tramos con un ancho establecido.

Si usted está dispuesto a usar ExtJS (no libre), escribirlo aquí, y yo te mostraré un ejemplo

Cuestiones relacionadas