Kříž mezi textovým polem DropDownList a AutoComplete
Snažím se přijít s webovým rozhraním, které umožňuje přidání položky do seznamu. Pro jednoduchost použiji příklad seznamu jmen, který bude při výběru přiřazen klubu/skupině.
Původně jsem myslel na rozevírací seznam obsahující všechna jména. Nicméně, pokud jich máte mnoho, může být bolest jít celou cestu přes seznam. Takže jsem si myslel na automatické kompletní textové pole, které bude automaticky předpovídat, jak budou psát, problémy s tím by byly spekulativní procházení ačkoli seznam a schopnost psát jména, která nejsou v databázi.
Přemýšlel jsem o dvou věcech; Je to dobrý nápad a můžete si představit techniku, která by protínala oba prvky UI? Možná příklad doporučení něčeho podobného, co se používá?
Plugin Vybraný javascript může být přesně tím, čím jste. Je to univerzální řešení se seznamem. Elegantní. Zde je příklad snímku obrazovky.
Zní to, jako byste potřebovali seznam se všemi jmény, plus vyhledávací pole on-the-fly nahoře a filtrující seznam níže:
- Pokud do vyhledávacího pole není zadáno nic, zobrazí se všechna níže uvedená jména
- Jakmile uživatel začne psát, seznam se filtruje a zanechává méně a méně jmen
- Jakmile je seznam dostatečně filtrován, dovolil bych uživateli přesunout všechna jména ve filtrovaném seznamu (nebo jen výběr) do požadované skupiny.
Přiřazení do skupiny můžete implementovat několika způsoby, včetně přetažení. Klávesové zkratky bych také používal pro uživatele, kteří chtějí hledat konkrétní jméno, přenést je pomocí klávesy Enter a přejít k dalšímu.
Typ prvku ui, který popisujete, se nazývá „pole se seznamem“. Existují některé widgety javascript, které tuto funkci poskytují, zejména tento a-la jQuery: http://code.google.com/p/ sexy-combo /
Záleží na informacích, o kterých mluvíme.
Nemyslím si, že by automatické dokončování bylo dobré, pokud jste již nastaveni, že uživatel musí dát konkrétní „hodnotu“, kterou poskytujete. Mám pocit, že by to vedlo k frustraci, když se uživatel pokouší napsat informaci, a pak ji nebudete používat.
Řešení 1 Pokud můžete organizovat podskupiny, řešení by mohlo místo 2 použít 2 DropDownList.
Příklad: První rozevírací seznam je aktivní, druhý je deaktivován. V prvním seznamu jsou uvedeny práce související se skupinami pracovních skupin, jako je návrh a grafika, programování, účetnictví, cestovní ruch atd ...
vyberete první rozevírací seznam a poté aktivujete zobrazení podskupin, jako je webdesign, grafický design, tvůrci videa atd ...
S tímto byste měli zúžit posouvání informací pouhými dvěma zaškrtávacími políčky.
Řešení 2 Pokud nemáte problém s použitím javascriptu, vytvořte vyskakovací okno CSS při aktivaci kliknutí na odkaz se všemi informacemi zobrazenými nikoli v jednom řádku seznamu, ale na více řádky (možná v abecedním pořadí nebo v podskupinách).
Zní to jako to, co je známo jako "inteligentní" .