it-swarm-eu.dev

Un incrocio tra DropDownList e Casella di testo Completamento automatico

Sto cercando di creare un'interfaccia Web che consenta l'aggiunta di un elemento a un elenco. Per semplicità userò un esempio di un elenco di nomi che, quando selezionati, verranno assegnati a un club/gruppo.

Inizialmente pensavo a un elenco a discesa contenente tutti i nomi. Tuttavia, se ne hai molti, può essere difficile andare fino in fondo alla lista. Quindi ho pensato a una casella di testo di completamento automatico che prevede la previsione automatica durante la digitazione, i problemi con questo sarebbero la navigazione speculativa attraverso l'elenco e la possibilità di digitare nomi che non sono nel database.

Mi chiedevo due cose; È una buona idea e riesci a pensare a una tecnica che intersechi entrambi gli elementi dell'interfaccia utente? Forse un esempio di raccomandazione di qualcosa di simile che viene utilizzato?

7
Damien

Il plug-in scelto javascript potrebbe essere esattamente quello che stai cercando. È una soluzione combinata versatile. Anche elegante. Ecco un esempio di screenshot.

Chosen screenshot

5
Taj Moore

Sembra che tu abbia bisogno di un elenco con tutti i nomi, oltre a una casella di ricerca al volo sopra di esso, filtrando l'elenco di seguito:

  • Quando non viene digitato nulla nella casella di ricerca, mostra tutti i nomi seguenti
  • Quando l'utente inizia a digitare, l'elenco viene filtrato, lasciando sempre meno nomi
  • Una volta filtrato abbastanza l'elenco, consentirei all'utente di spostare tutti i nomi nell'elenco filtrato (o solo una selezione) nel gruppo desiderato.

È possibile implementare l'assegnazione al gruppo in più modi, incluso il trascinamento della selezione. Vorrei anche usare le scorciatoie da tastiera per gli utenti che vogliono solo cercare un nome specifico, trasferirlo con il tasto Invio e passare al successivo.

5
Dan Barak

Il tipo di elemento dell'interfaccia utente che stai descrivendo si chiama 'casella combinata', ci sono alcuni widget JavaScript che forniscono questa funzionalità, in particolare questo a-la jQuery: http://code.google.com/p/ sexy-combo /

3
Hellovetica

Dipende dalle informazioni di cui stiamo parlando.

Non penso che il Completamento automatico sarebbe positivo se sei già impostato che l'utente deve inserire un "valore" specifico che stai fornendo. Ritengo che ciò provocherebbe frustrazione quando un utente sta provando a scrivere un'informazione, e tu ne impedisci l'utilizzo.

Soluzione 1 Se è possibile organizzare sottogruppi, una soluzione potrebbe utilizzare 2 DropDownList anziché 1.

Un esempio: il primo menu a discesa è attivo, il secondo è disabilitato. Nella prima la lista mostra lavori relativi a gruppi di lavoro come, Design e Grafica, Programmazione, Contabilità, Turismo ecc.

selezioni il primo menu a discesa e il secondo si attiverà mostrando i sottogruppi, come web design, graphic design, video maker ecc ...

Con questo dovresti restringere lo scorrimento delle informazioni con solo due caselle di selezione.

Soluzione 2 Se non si riscontra un problema con l'utilizzo di JavaScript, per creare un popup CSS all'attivazione di un clic di un collegamento con tutte le informazioni mostrate non in un elenco a riga singola, ma su un multiplo righe (magari in ordine alfabetico o in sottogruppi).

0
Littlemad

Sembra quello che è noto come "intellisense" .

0
justin.m.chase