2012-03-28 37 views
10

Estoy tratando de integrar el tagit con la funcionalidad typeahead de twitter bootstrap.¿Puedo usar tagit con twitter bootstrap?

Sé que tagit depende de la interfaz de usuario de jquery para la autocompletar, etc. ¿Es posible usar el arranque de Twitter en su lugar?

Básicamente todo lo que quiero de TagIT es dejar que el usuario haga clic en forma rápida y eliminar elementos de una lista, pero preferiría no introducir otra biblioteca java script en mi sitio

+0

También hay una versión múltiple de escritura anticipada aquí: https://github.com/twitter/bootstrap/pull/2007. Pero sigue siendo textual. – gremo

+0

que me acerca. Ahora si puedo agregar el estilo de tagit que sería perfecto :) – Paul

+0

Sí, estoy interesado también. Comprobaré esta pregunta para obtener más actualizaciones. También tenga en cuenta que el plugin modificado permite entradas duplicadas. – gremo

Respuesta

4

Tagit es agradable y no he encontrado una reemplazo adecuado. La buena noticia es you don't need all of Jquery-UI y puede personalizar la entrada de etiquetas para que se vea bien con Bootstrap.

SCSS:

ul.tagit { 
    margin-left: 0; 
    input { @include box-shadow(none); } 
} 

CSS:

ul.tagit { 
    margin-left: 0; 
} 
ul.tagit input { 
    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
} 
+2

Hola, ¿podrías renderizar ese pequeño fragmento de SCSS en CSS normal? Eso ayudaría a los usuarios de Windows perezosos como yo ... –

1

hizo un pequeño example, que puede funcionar, aunque un poco fea. En realidad, no soy muy bueno en el estilo de CSS, así que, con suerte, harás mejoras en este ejemplo para hacerlo completamente correcto.

1

Si no le importa la dependencia de jQuery UI, puede usar http://addyosmani.github.com/jquery-ui-bootstrap/ para diseñar la interfaz de usuario de jQuery para que parezca el tema predeterminado de Bootstrap. Debería funcionar muy bien con Tag-it. Por favor, avíseme si no, ya que aún no lo he usado (soy el autor de Tag-it).

+0

Oye, ¿puedo extender tag-it para usar bootstrap typeahead? Cualquier idea sobre cómo hacerlo sería de gran ayuda. – gaurav

+1

@gauravvgat Me gustaría mucho mejor soporte de arranque. Tengo una versión del CSS en progreso que eliminará la dependencia de jQuery UI CSS y permitirá que tagit sea diseñado por bootstrap's CSS. Supongo que el próximo paso será permitir intercambiar jQuery UI autocompletar para typeahead ... todavía no hay ideas sobre cómo voy a hacer esto, no deseando que llegue :) Desde que quiero mantener la API simple. – aehlke

+0

Acabo de probarlo con bootstrap 3.0, lo rompí :-) Supongo que querías decir, ¿reemplazar a bootstrap? ¿Puedo sugerir, simplemente agregue una versión de CSS que funciona con bootstrap? Haré esto eventualmente yo mismo, probablemente –