Ekrany klienta HTML dla aplikacji LightSwitch

Za pomocą Microsoft LightSwitch dla programu Visual Studio Update 2, można utworzyć klienta HTML ekranów, które są zoptymalizowane do wyświetlania na urządzeniach przenośnych.W tym temacie przedstawiono szablony, których można użyć do tworzenia ekranów, które są oparte na HTML5, narzędzia, które służą do projektowania ekranów, a niektóre z zadań, które można wykonać projekt na najlepsze ekrany dla aplikacji LightSwitch.

Na przykład to-end klienta, który wykorzystuje ekrany HTML, zobacz Wskazówki: tworzenie klienta programu LightSwitch dla użytkowników mobilnych.

Klienci HTML

Co najmniej jednego klienta HTML można dodać do istniejącego LightSwitch aplikacji, albo można utworzyć Microsoft LightSwitch dla programu Visual Studio Update 2 aplikację, która zawiera tylko klienta HTML.Każdy klient HTML znajduje się w projekcie, własną w ramach LightSwitch rozwiązanie.

[!UWAGA]

Po dodaniu Klienta HTML projekt LightSwitch roztwór, jest ono uaktualniane do Microsoft LightSwitch dla programu Visual Studio Update 2.Struktura pliku roztworu jest modyfikowany i nie będzie można otworzyć rozwiązanie na komputerze, który nie ma Microsoft LightSwitch dla programu Visual Studio Update 2 zainstalowane.

Aby uzyskać więcej informacji, zobacz Porady: tworzenie lub dodawanie projektu klienta HTML.

Szablony ekranów

Aby rozpocząć, utwórz ekran przy użyciu jednego z następujących szablonów ekranu:

• Przeglądaj ekranu

• Ekran szczegółów widoku

• Dodawanie/edytowanie Ekran szczegółów

Aby uzyskać więcej informacji na temat wybierania szablonu, zobacz Wybieranie typu ekranu dla klienta HTML aplikacji LightSwitch.

Aby uzyskać więcej informacji na temat wyszukiwania tych szablonów, zobacz Porady: tworzenie ekranu klienta HTML.

Projektant ekranu

Można zmodyfikować projekt ekranu przy użyciu projektanta ekranu.Projektant ekranu wyświetla elementy, takie jak pola danych i polecenia oraz Drzewo zawartości ekranu, czyli hierarchiczną reprezentację danych.Można przeciągać elementy do Drzewa zawartości ekranu i rozmieścić je w odpowiedniej kolejności.

Aby uzyskać więcej informacji dotyczących projektanta ekranu, zobacz Samouczek Projektant ekranu.

Aby uzyskać więcej informacji na temat sposobów wykonywania określonych zadań w Projektancie ekranu, zobacz Porady: projektowanie ekranu HTML przy użyciu narzędzia Projektant ekranu.

Zadania projektowania ekranu

Aby zmodyfikować projekt ekranu, można wykonywać następujące zadania:

• Modyfikowanie wyglądu ekranu

• Dodawanie pól i poleceń do ekranu

• Filtrowanie danych, które pojawiają się na ekranie

• Dodawanie danych do ekranu

• Dostosowywanie nawigacji pomiędzy ekranami

• Modyfikowanie ekranu przy użyciu kodu

Modyfikowanie wyglądu ekranu

Można zmodyfikować sposób wyświetlania danych na ekranie.Na przykład można skonfigurować zbiór informacji powinna być wyświetlana jako płaską listę lub listę rozmieszczony sąsiadująco.Można zmienić kolejność, w którym są wyświetlane pola, lub pogrupować pola.

Aby uzyskać więcej informacji, zobacz Porady: projektowanie ekranu HTML przy użyciu narzędzia Projektant ekranu.

Dodawanie pól i poleceń do ekranu

Ekrany HTML w programie LightSwitch zapewnia wbudowane polecenia tak, aby możliwości przeglądania, aktualizowanie, usuwanie lub zapisać dane.Można również dodać niestandardowe polecenia i pola.

Dodaj niestandardowe polecenie, aby dodać logikę biznesową do ekranu.Na przykład można dodać przycisk, tak aby użytkownik może wyświetlać listę klientów, na podstawie wielkości sprzedaży i zamówień.Aby uzyskać więcej informacji, zobacz Porady: dodawanie przycisku do klienta mobilnego programu LightSwitch.

Można dodać niestandardowe pola Właściwości lokalne, w celu zbierania lub wyświetlania informacji.Na przykład, można dodać pole tekstowe obok przycisku wielkości sprzedaży, tak aby użytkownik mógł określić, ilu klientów ma być wyświetlanych na liście.Aby uzyskać więcej informacji, zobacz Porady: dodawanie właściwości lokalnej do ekranu HTML.

Dodawanie niestandardowych formantów do ekranu

Dodając niestandardowe formanty do ekranu HTML, można wyświetlić lub zbierania informacji w sposób wykraczający poza możliwości formanty, które są wbudowane do programu LightSwitch.Formant niestandardowy można również użyć, aby zamienić wszystkie wbudowane LightSwitch formant, który pojawia się na ekranie.Aby uzyskać więcej informacji, zobacz Porady: dodawanie formantu niestandardowego do ekranu HTML aplikacji LightSwitch.

Filtrowanie danych, które pojawiają się na ekranie

Można filtrować dane wyświetlane na ekranie, poprzez zmodyfikowanie warunków zapytań ekranu.

Każda grupa danych, która jest wyświetlana w lewym okienku projektanta, jest oparta na zapytaniu.Na ekranie są wyświetlane tylko informacje zwrócone przez te zapytania.Aby zmienić informacje wyświetlane dla grupy danych, zmodyfikuj jej zapytanie.

Aby uzyskać więcej informacji, zobacz Porady: filtrowanie danych w kliencie HTML aplikacji LightSwitch.

Dodawanie danych do ekranu

Można dodawać inne rodzaje danych do ekranu.Na przykład, na ekranie, który wyświetla klientów, można dodać siatkę danych, która zawiera listę zamówień.Aby uzyskać więcej informacji, zobacz Jak: Dodawanie danych do ekranu.

Dostosowywanie nawigacji pomiędzy ekranami

W kliencie HTML tylko jeden ekran jest aktywny w dowolnym momencie.Można określić, jak użytkownik otwiera jeden ekran z innego i co się dzieje, gdy ekran staje się nieaktywna.

Aby uzyskać więcej informacji, zobacz Porady: sterowanie nawigacją między ekranami HTML w aplikacji LightSwitch.

Modyfikowanie ekranu przy użyciu kodu

Można dodać kod do metod częściowych, które LightSwitch wywołuje tak, aby po wystąpieniu określonego zdarzenia w czasie wykonywania, ekran zostanie odpowiednio zmodyfikowany.Na przykład, można dodać kod ukrywający nazwę firmy, która chce pozostać anonimowa wobec użytkowników aplikacji.Ten kod zbada nazwy firm, klientów a, gdy znajdzie dopasowanie, by IsVisible właściwość CompanyName pola do False przed informacje pojawiają się na ekranie.

Aby uzyskać więcej informacji o tym, gdzie należy napisać kod, zobacz Porady: obsługa zdarzeń ekranowych w kliencie mobilnym aplikacji LightSwitch.

Aby uzyskać więcej informacji na temat dodawania kodu modyfikującego ekran, zobacz How to: Modify an HTML Screen by Using Code.

Tematy pokrewne

Tytuł	Opis
Wybieranie typu ekranu dla klienta HTML aplikacji LightSwitch	Zawiera opis szablonów, których można użyć jako punktu wyjścia do tworzenia ekranów.
Porady: tworzenie ekranu klienta HTML	Pokazuje sposób dodawania ekranów do aplikacji.
Samouczek Projektant ekranu	Przedstawia części projektanta i ich funkcje.
Porady: projektowanie ekranu HTML przy użyciu narzędzia Projektant ekranu	Pokazuje sposób korzystania z projektanta ekranu.
Porady: dodawanie właściwości lokalnej do ekranu HTML	Pokazuje, jak dodać pole niestandardowe właściwości lokalnej do ekranu.
Porady: dodawanie przycisku do klienta mobilnego programu LightSwitch	Pokazuje, jak dodać przycisk lub łącze, które uruchamia kod niestandardowy na ekranie.
Porady: dodawanie formantu niestandardowego do ekranu HTML aplikacji LightSwitch	Pokazuje sposób używania niestandardowego formantu HTML w LightSwitch ekranu.
Jak: Dodawanie danych do ekranu	Pokazuje, jak dodać dane z innych zapytań do ekranu.
Jak: filtrować dane na ekranie HTML	Pokazuje, jak używać zapytania do kontroli danych wyświetlanych na ekranie.
Porady: obsługa zdarzeń ekranowych w kliencie mobilnym aplikacji LightSwitch	W tym artykule opisano, jak dostosować aplikację poprzez napisanie kodu wykonywanego w przypadku wystąpienia określonych zdarzeń.
How to: Modify an HTML Screen by Using Code	Zawiera opis modyfikowania formantów i interakcję z elementami na ekranie za pomocą kodu.
Odniesienia: Właściwości projektanta ekranu	Zawiera opis właściwości elementów wyświetlanych na liście elementów ekranu i w Drzewie zawartości ekranu, w Projektancie ekranu.Można zmodyfikować wygląd i zachowanie elementów za pomocą okna Właściwości, w którym można ustawić wartość właściwości.
Porady: sterowanie nawigacją między ekranami HTML w aplikacji LightSwitch	Opisuje model nawigacji ekranu dla klienta HTML aplikacji LightSwitch.