it-swarm-eu.dev

Příklady / doporučené postupy pro rozbalovací nabídky se zaškrtávacími políčky

Hledám webové stránky s dobrými příklady rozbalovací nabídky. Vím, že nabídka štítků pro gmail je jedna, ale rád bych viděl další. Obecné osvědčené postupy jsou také velmi vítány.

Existuje dobrý způsob, jak ukázat vybrané hodnoty na vnější straně? Je SHIFT někdy používán pro nepřetržitý výběr v rozbalovací nabídce? Existují i ​​jiné způsoby, jak zajistit nepřetržitý výběr?

Rozbalovací nabídka gmail má zvláštní funkci - když kliknete na zaškrtávací políčko samotné, bude vybráno a nabídka zůstane otevřená, aby bylo možné vybrat další hodnoty. Když ale kliknete na štítek a ne na samotné zaškrtávací políčko, zaškrtávací políčko bude vybráno a nabídka se zhroutí. Připadá mi to většinou matoucí. Výhody a nevýhody? Proč ne vždy nechat otevřený a sbalit jej při ztrátě zaostření a po kliknutí na rozbalovací nabídku?

ÚPRAVA Zopakuji otázku. Jedním dobrým příkladem rozbalovací nabídky se zaškrtávacími políčky, která přichází na mysl, je nabídka štítků v Gmailu. Znáte nějaké další, které se vám líbí (ve webových aplikacích?)

8

Zde je příklad na živém webu: http://www.omegawatches.com/watchfinder (např. Rozbalovací nabídka „funkce“)

Nejsem si jistý, jak dobře to funguje, bohužel to nikdy nemůžeme otestovat.

13
Phil

To se stalo běžným požadavkem v mnoha webových aplikacích. Určení více hodnot z předdefinovaného seznamu. Domnívám se, že rozbalovací nabídka s výběrem není nejlepším řešením. Přestože je kompaktní, nepředstavuje vizuálně vybrané hodnoty.

Podle mého názoru poskytuje vyhledávací lišta Google Docs velmi elegantní řešení. Přiznám se však, že je zaměřen na poměrně pokročilé uživatele.

Zde je příklad s možnostmi „zkontrolovat vše“ a „zrušit zaškrtnutí všech“.

enter image description here

2
Denzo

Před lety jsme vytvořili vacanceselect.nl , nizozemský web o cestování autem.

Ve velkém widgetu pro vyhledávání okamžitě viditelném po načtení stránky klikněte na „bestemming en akomatie“, čímž se otevře panel akordeonu obsahující více zaškrtávacích políček. Tyto funkce fungují podobně jako u navrhovaného zaškrtávacího políčka s několika rozevíracími seznamy v tom smyslu, že jsou zpočátku skryté, dokud nejsou viditelné interakcí s uživatelem, a mohou být podle potřeby zaškrtnuty a vypnuty. Důležitou vlastností celého vyhledávacího widgetu je to, že počet výsledků se dynamicky aktualizuje, když kliknete kolem widgetu (nebylo to tak zábavné stavět, jako to bylo vynalézat).

Okamžitá zpětná vazba na tuto věc je důležitá. Bez něj byste museli stále chodit tam a zpět, otevírat a zavírat panel, abyste věci zapínali a vypínali. Místo toho můžete každý panel otevřít, podle toho vyladit, dokud počet výsledků nebude vypadat jako něco, co chcete, a pak pokračovat. Slyšeli jsme od klienta, že uživatelé webu jsou velmi spokojeni s tím, jak to funguje, a konverze je skvělá (nikdy jsme neměli šanci dělat studie sami).

Doufám, že to pomůže!

1
Rahul

StackOverflow má příspěvek se dvěma odkazy na příklady: https://stackoverflow.com/questions/4918995/combobox-with-checklist-c

Osobně si myslím, že nejsou tak skvělé pro použití. Dobrým příkladem použití vícesměnných nebo rozbalovacích seznamů se seznamy by se zdálo být velké filtrování elektronického obchodu, ale ebay a Amazon zřejmě žádnou takovou metodu nepoužívají.

Pokud to určitě musíte mít - co takhle reprezentovat jinak: http://odyniec.net/projects/selectlist/examples.html

Pro extrémní příklad - klikněte na značky - http://www.codeproject.com/info/search.aspx

I když je to zjevně případ vývojáře bez designéra - koncept umožňuje hromadné filtrování velmi rychle.

1
Chris Kluis

V přehledu výkonu e-mailu používám následující ovládací prvek. Existuje filtrovací nástroj pro lidi, který však umožňuje uživateli oříznout seznam e-mailů obsažených v přehledu. Strom odpovídá jejich stromu v jiné části aplikace, kde vytvářejí e-maily.

Nejedná se o konec všeho, ale používání je pro uživatele docela zřejmé.

Checkbox Tree in Menu

1
Glen Lipka

Nemám žádné příklady, na které by vás mohl odkazovat, ale výchozí implementace HTML je, že jednoduché kliknutí zruší výběr všeho kromě položky, na kterou jste právě klikli, CTRL + kliknutí vybere (nebo zruší výběr) položky bez de - výběr dříve vybraných položek a SHIFT + Click se používá pro výběr rozsahu, výběr všeho od nejbližší vybrané položky k položce, na kterou jste právě klikli. To vše ano, SHIFT + Click a CTRL + Click jsou někdy používány v multi-select implementacích.

1
ThatSteveGuy

Jeden hotový komponent pro jQuery , který jsem použil, je rozevírací seznam .

V zásadě transformuje běžný prvek <select> do rozevíracího seznamu pomocí zaškrtávacích políček nebo přepínačů. Komponenta má všestranné možnosti konfigurace, aby vytvořila různá chování, takže si můžete vybrat, zda se má zavřít po každém výběru, jak zobrazit výběry, využití posunu atd.

Projekt má také živá ukázková stránka , kde si můžete vyzkoušet některá příkladná nastavení.

0
Jawa

Možná zajímavé

podívejte se na moji odpověď (dole) odkazu. Možná vás dovede k nějakému návrhu vlastního ovládání.

0
Henrik Ekblom

Obecně není dobrý nápad provést rozevírací nabídku s výběrem několika položek. Multi-select je pro uživatele docela matoucí a jeho přidaná záměna, že bude fungovat v rozevírací nabídce, může věci pouze zhoršit.

0
Charles Boyung