Obrazovky klienta HTML pro aplikace LightSwitch

Pomocí LightSwitch můžete vytvořit obrazovky klientu HTML optimalizované pro zobrazení na mobilních zařízeních.Toto téma popisuje šablony, které lze použít k vytvoření obrazovek založených na HTML5, nástroje, které slouží k návrhu obrazovek, a některé úlohy, které lze provést, abyste pro aplikaci LightSwitch navrhli ty nejlepší obrazovky.

Úplný příklad klientu využívajícího obrazovky ve formátu HTML naleznete v tématu Postupy: Vytvoření klienta LightSwitch pro mobilní uživatele.

Klienty HTML

Do existující aplikace LightSwitch můžete přidat jeden či více klientů HTML, nebo můžete vytvořit aplikaci LightSwitch, která obsahuje pouze klient HTML.Každý klient HTML je obsažen ve svém vlastním projektu v rámci řešení LightSwitch.

Šablony obrazovky

Chcete-li začít, vytvořte obrazovku pomocí jedné z následujících šablon obrazovky:

• Společná sada obrazovek

• Obrazovka Procházet

• Obrazovka pro zobrazení podrobností

• Obrazovka pro přidávání/úpravu podrobností

Informace o tom, jak vybrat šablonu, získáte v tématu Výběr typu obrazovky pro klienta HTML aplikace LightSwitch

Informace o vyhledání těchto šablon naleznete v tématu Postupy: Vytvoření obrazovky klienta HTML.

Návrhář obrazovky

Návrh obrazovky lze upravit pomocí návrháře obrazovky.V návrháři obrazovky se zobrazí položky, jako například datová pole a příkazy, a strom obsahu obrazovky, což je hierarchická reprezentace dat.Položky lze přetáhnout do stromu obsahu obrazovky a uspořádat je do požadovaného pořadí.

Další informace o návrháři obrazovky naleznete v tématu Prohlídka návrháře obrazovky.

Další informace o tom, jak provádět specifické úlohy návrhů v návrháři obrazovky, naleznete v tématu Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky.

Úlohy při návrhu obrazovky

Chcete-li upravit návrh obrazovky, můžete provést následující úlohy:

• Úprava vzhledu obrazovky

• Přidání polí a příkazů na obrazovku

• Filtrování dat zobrazených na obrazovce

• Přidání dat na obrazovku

• Přizpůsobení navigace mezi obrazovkami

• Úprava obrazovky pomocí kódu

Úprava vzhledu obrazovky

Způsob zobrazení dat na obrazovce lze změnit.Například lze nakonfigurovat zobrazení kolekce informací jako jednoduchý seznam nebo mřížku.Můžete změnit pořadí, v jakém se pole zobrazí, nebo pole seskupit.

Další informace naleznete v tématu Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky.

Přidání polí a příkazů na obrazovku

HTML obrazovky v aplikaci LightSwitch poskytují integrované příkazy, aby uživatelé mohli zobrazit, aktualizovat, odstranit nebo uložit data.Lze také přidat vlastní příkazy a pole.

Chcete-li přidat na obrazovku obchodní logiku, přidejte vlastní příkaz.Lze například přidat tlačítko tak, aby uživatel mohl zobrazit seznam zákazníků na základě objemu prodejních objednávek.Další informace naleznete v tématu Postupy: Přidání tlačítka do mobilního klienta pro aplikaci LightSwitch.

Lze přidat pole vlastních místních vlastností sloužící ke shromažďování nebo zobrazení informací.Například lze přidat textové pole vedle tlačítka objemu prodeje, aby uživatel mohl zadat, kolik zákazníků se má zobrazit v seznamu.Další informace naleznete v tématu Postupy: Přidání místní vlastnosti na obrazovku HTML.

Přidání vlastních ovládacích prvků na obrazovku

Přidáním vlastních ovládacích prvků na obrazovku HTML můžete zobrazit nebo shromažďovat informace způsobem, který jde nad rámec funkcí ovládacích prvků integrovaných v technologii LightSwitch.Vlastní ovládací prvek lze také použít k nahrazení jakýchkoli integrovaných ovládacích prvků LightSwitch, které se zobrazí na obrazovce.Další informace naleznete v tématu Postupy: Přidání vlastního ovládacího prvku na obrazovku HTML pro aplikaci LightSwitch.

Filtrování dat zobrazených na obrazovce

Data, která se zobrazí na obrazovce, lze filtrovat změnou podmínek dotazů na obrazovce.

Každá skupina dat, která se zobrazí v levém podokně v návrháři, je založena na dotazu.Na obrazovce se zobrazí pouze informace vrácené těmito dotazy.Chcete-li změnit informace zobrazené pro skupinu dat, upravte dotaz.

Další informace naleznete v tématu Postupy: Filtrování dat v klientovi HTML pro aplikaci LightSwitch.

Přidání dat na obrazovku

Na obrazovku lze přidat další typy dat.Například na obrazovku, která zobrazí zákazníky, lze přidat mřížky dat pro zobrazení seznamu objednávek.Další informace naleznete v tématu Postupy: Přidání dat na obrazovku.

Přizpůsobení navigace mezi obrazovkami

V klientu HTML je v každém okamžiku aktivní pouze jedna obrazovka.Můžete určit, jak uživatel otevře obrazovku z jiné obrazovky a co se stane, když obrazovka přestane být aktivní.

Další informace naleznete v tématu Postupy: Řízení přecházení mezi obrazovkami HTML v aplikaci LightSwitch.

Úprava obrazovky pomocí kódu

K částečným metodám, které jsou volány aplikací LightSwitch, lze přidat kód tak, aby byly obrazovky při výskytu určitých událostí za běhu příslušným způsobem změněny.Lze například přidat kód, jenž skryje název společnosti, která chce zůstat pro uživatele aplikace v anonymitě.Tento kód prozkoumá názvy společností zákazníků a, najde-li shodu, nastaví vlastnost IsVisible pole CompanyName na hodnotu False, než se informace zobrazí na obrazovce.

Další informace o tom, kde psát kód, naleznete v tématu Postupy: Zpracování událostí obrazovky v mobilním klientovi aplikace LightSwitch.

Další informace o tom, jak přidat kód, který upraví obrazovku, získáte v tématu Postupy: Změna HTML obrazovky pomocí kódu.

Seznam rozhraní API klienta HTML LightSwitch, naleznete v Referenční dokumentace k API klienta HTML.

Související témata

Název	Popis
Výběr typu obrazovky pro klienta HTML aplikace LightSwitch	Popisuje šablony, které lze použít jako výchozí bod pro vytvoření obrazovek.
Postupy: Vytvoření obrazovky klienta HTML	Ukazuje, jak přidat obrazovky do aplikace.
Prohlídka návrháře obrazovky	Ukazuje části návrháře a jejich funkce.
Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky	Ukazuje, jak používat návrháře obrazovky.
Postupy: Přidání místní vlastnosti na obrazovku HTML	Ukazuje, jak přidat pole vlastní místní vlastnosti na obrazovku.
Postupy: Přidání tlačítka do mobilního klienta pro aplikaci LightSwitch	Ukazuje, jak přidat tlačítko nebo odkaz, které spustí vlastní kód na obrazovce.
Postupy: Přidání vlastního ovládacího prvku na obrazovku HTML pro aplikaci LightSwitch	Ukazuje, jak použít vlastní ovládací prvek HTML na obrazovce LightSwitch.
Postupy: Přidání dat na obrazovku	Ukazuje, jak přidat data z dalších dotazů na obrazovku.
Postup: Filtrování dat na obrazovce HTML	Ukazuje, jak pomocí dotazů řídit, která data se zobrazí na obrazovce.
Postupy: Zpracování událostí obrazovky v mobilním klientovi aplikace LightSwitch	Popisuje, jak upravit aplikaci napsáním kódu, který se spouští při určitých událostech.
Postupy: Změna HTML obrazovky pomocí kódu	Popisuje, jak použít kód pro úpravy ovládacích prvků a práci s položkami na obrazovce.
Referenční dokumentace: Vlastnosti návrháře obrazovky	Popisuje vlastnosti položek, které se zobrazí v seznamu členů obrazovky a ve stromu obsahu obrazovky návrháře obrazovky.Vzhled a chování položek lze upravit pomocí nastavení hodnoty vlastností v okně Vlastnosti.
Postupy: Řízení přecházení mezi obrazovkami HTML v aplikaci LightSwitch	Popisuje model navigace pomocí obrazovek klientu HTML aplikace LightSwitch.