Widget di trasferimento a due colonne multiselect con tema bootstrap di Twitter

Question

Sto cercando un widget di trasferimento a due colonne basato su jquery a selezione multipla che abbia un aspetto compatibile con il bootstrap di Twitter. In genere il trasferimento seleziona i widget ha due colonne adiacenti in cui l'utente sposta le sue selezioni da una colonna all'altra in entrambe le direzioni. Ho cercato molto duramente ma non ho trovato nulla di lontanamente vicino alle mie esigenze. Qualcuno può suggerire qualcosa (a meno di scriverne uno da zero). Grazie.

Answer 1

Ho deciso infine di scrivere il mio da zero. Il codice sorgente può essere trovato here. La seguente immagine illustra l'aspetto del widget:

Answer 2

Il widget che user698585 scritto è il 99% del tragitto, ed è un grande widget di, ma ci sono alcuni bug in esso, vale a dire:

1. Il widget fa tornare la pagina Web in alto ogni volta che si spostano i valori tra le due colonne. Questo è un problema se devi scorrere verso il basso fino al widget.
2. Il widget non supporta i valori dei tag con spazi o e commerciali in essi.
3. Non esiste un metodo esposto per inizializzare la colonna destra con i valori da sinistra, quindi se si sta utilizzando il widget per memorizzare i valori selezionati in un database, non c'è un modo per inizializzare il widget con quelle selezioni quando l'utente torna alla pagina più tardi.

ho avvertito l'autore dei problemi e ha fornito correzioni di codice di esempio, ma nel frattempo, se hai incontrato questi problemi, si può trovare una forchetta fisso del widget here.

Grazie, user698585 per tutto il tuo duro lavoro!

Answer 3

Questo non è un widget a due colonne ma ha la stessa funzionalità. E 'anche un po' più bello a mio parere:

http://davidstutz.github.io/bootstrap-multiselect/

Answer 4

Si può provare plug multiselect multiselect both sides have search functionality