Obrazovky klienta HTML pro aplikace LightSwitch

Článek
03/04/2013

Pomocí Microsoft LightSwitch for Visual Studio Update 2, můžete vytvořit HTML klienta obrazovek, které jsou optimalizovány pro zobrazení na mobilních zařízeních.Toto téma představuje šablon, které můžete použít k vytvoření obrazovky, které jsou založeny na HTML5, nástroje, které můžete použít k návrhu obrazovky a některé úkoly, které můžete provést k návrhu závojem nejlepších LightSwitch aplikace.

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

Klienti HTML

Jednoho či více klientů ve formátu HTML můžete přidat do existující LightSwitch aplikace, můžete vytvořit Microsoft LightSwitch for Visual Studio Update 2 aplikace, která obsahuje pouze klientem ve formátu HTML.Každý klient HTML je obsažen v jeho vlastním projektu v rámci LightSwitch řešení.

[!POZNÁMKA]

Při přidávání HTML klienta projektu LightSwitch řešení, bude inovována na Microsoft LightSwitch for Visual Studio Update 2.Změnit strukturu souboru řešení a řešení v počítači, který nemá již otevřít Microsoft LightSwitch for Visual Studio Update 2 nainstalován.

Další informace naleznete v tématu Postupy: Přidání projektu klienta HTML.

Šablony obrazovky

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

Procházet obrazovky
Zobrazit podrobnosti o obrazovku
Přidat nebo upravit podrobnosti obrazovky

Informace o tom, jak vytvářet 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 na obrazovce můžete 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ář obrazovky.

Další informace o provedení určitých úkolů v Návrháři obrazovky naleznete v tématu Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky.

Úkoly při návrhu obrazovky

Chcete-li upravit návrh obrazovky, můžete provádět následující úkoly:

Změna 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
Úpravy obrazovky pomocí kódu

Změna vzhledu obrazovky

Způsob zobrazení dat na obrazovce lze změnit.Můžete například konfigurovat shromažďování informací, které se zobrazí jako plochý seznam nebo seznam vedle sebe.Můžete změnit pořadí, zobrazí pole 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

Obrazovky ve formátu HTML v LightSwitch poskytují vestavěné příkazy, takže uživatelé mohou zobrazit, aktualizovat, odstranit nebo uložit data.Lze také přidat vlastní příkazy a pole.

Přidání vlastního příkazu, pokud chcete přidat obchodní logiku na obrazovku.Můžete například přidat tlačítko tak, aby uživatel můžete zobrazit seznam zákazníků, které jsou založeny na prodejní objednávce svazek.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í pro shromažďování nebo zobrazení informací.Například lze přidat textové pole vedle tlačítka objemu prodeje tak, 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ů obrazovce ve formátu HTML můžete zobrazit nebo shromažďovat informace o způsoby, které překračují možnosti ovládacích prvků, které jsou součástí k LightSwitch.Vlastní ovládací prvek můžete také nahradit všechny vestavěné LightSwitch ovládací prvek, 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

Lze filtrovat data, která se zobrazí na obrazovce, 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, který je vrácen tyto dotazy.Chcete-li změnit informace zobrazené skupině dat, změňte jeho 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 Jak: přidání dat do obrazovky.

Přizpůsobení navigace mezi obrazovkami

V klientovi aplikace HTML pouze jednu obrazovku je aktivní v okamžiku.Můžete určit, jak uživatel otevře jednu obrazovku od druhého a co se stane, když se obrazovka přestane být aktivní.

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

Úpravy obrazovky pomocí kódu

Můžete přidat kód do metody částečné, LightSwitch volá tak, aby při výskytu určitých událostí v době běhu, je odpovídajícím způsobem upraven obrazovky.Lze například přidat kód, který skryje název společnosti, která chce zůstat pro uživatele aplikace v anonymitě.Tento kód přezkoumá názvy společností zákazníků a pokud najde shodu, byste měli nastavit IsVisible vlastnost CompanyName pole na False před informace se zobrazí na obrazovce.

Další informace o tom, kde kód, viz 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 How to: Modify an HTML Screen by Using Code.

Příbuzná témata

Title	Description
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 aplikace.
Prohlídka Návrhář obrazovky	Ukazuje části návrháře a jejich funkce.
Postupy: Návrh obrazovky HTML pomocí Návrháře obrazovky	Ukazuje, jak používat nástroj Návrhář obrazovky.
Postupy: Přidání místní vlastnosti na obrazovku HTML	Ukazuje, jak přidat pole vlastních vlastností místní 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 v LightSwitch obrazovky.
Jak: přidání dat do obrazovky	Ukazuje, jak přidat data z dalších dotazů na obrazovku.
Postup: filtrování dat na obrazovce ve formátu HTML	Ukazuje, jak pomocí dotazů řídit to, která data se zobrazí na obrazovce.
Postupy: Zpracování událostí obrazovky v mobilním klientovi aplikace LightSwitch	Popisuje, jak přizpůsobit aplikaci napsáním kódu, který se spustí jakmile dojde k určitým událostem.
How to: Modify an HTML Screen by Using Code	Popisuje, jak použít kód pro úpravy ovládacích prvků a práci s položkami na obrazovce.
Reference: Obrazovka návrháře	Popisuje vlastnosti položek, které se zobrazí v seznamu členů obrazovky a 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 obrazovky pro klienta HTML LightSwitch aplikace.

Sdílet prostřednictvím