Przejdź do głównej zawartości

Projektowanie formularza


Zacznij projektować formularz dodając kontrolki, pola ze struktury danych formularza i akcje.

Struktura danych formularza​

Wszystkie typy elementów formularza dostępne są w Przyborniku. Poszczególne sekcje Przybornika można zwijać lub rozwijać, natomiast najczęściej używane elementy dodać do sekcji Ulubione, zaznaczając gwiazdkę.

Poza standardowymi kontrolkami dostępnymi na panelu Przybornik, na panelu Struktura danych formularza dostępne są kontrolki, które są już zbindowane z danymi ze struktury danych, z którą powiązany jest formularz.

  1. Możesz przeciągać pola bezpośrednio ze struktury danych formularza.
  2. Przejdź na panel Przybornik i kartę Struktura danych formularza.
  3. W oknie designera formularza przejdź na kartę Projektant **** i przeciągnij pola ze struktury na obszar roboczy.
  4. Możesz także dodawać pola nie tylko bezpośrednio ze struktury danych formularza, ale także dodawać kontrolki - patrz: Kontrolki, a także akcje - patrz: Akcje związane z formularzem.

Obraz 95

  1. Przeciągając kontrolki na formularz przy wykorzystaniu wciśniętego klawisza Alt przeciągnięta zostanie tylko etykieta na obszar roboczy, a przy wykorzystaniu wciśniętego klawisza Shift przeciągnięta zostanie tylko kontrolka.

image

  1. Możesz podpiąć to samo pole ze struktury danych do kilku kontrolek edycyjnych. Jest to użyteczne, na przykład gdy chcemy, w zależności od warunków biznesowych, umożliwić użytkownikowi edycję wartości w inny sposób (np. z różną maską).

image

ostrzeżenie

Zapis danych powiedzie się, jeśli system otrzyma zmodyfikowaną wartość w co najwyżej jednej z kontrolek – należy więc zadbać, by uniemożliwić użytkownikowi edycję danych jednocześnie w większej ilości kontrolek (np. przez ustawienie na nich wartości disabled).

  1. Na zakładce Mapowania startowe widnieje operacja Query data Model (Zapytanie do modelu danych) wczytująca dane ze struktury do FormInput Structure. Więcej o informacji Zapytania do modelu danych patrz: Operacja zapytania do modelu danych Entity Framework
  2. Możesz tutaj wykonać mapowania pól, dodać nowe pola i rekordy, wczytać dane z innej struktury danych itp. Więcej informacji o formularzu i zasadzie jego działania patrz: Formularz - zasada działania, koncepcja.

image

wskazówka

Jeżeli dodałeś pola do struktury danych lub je zmieniłeś, wówczas wybierz przycisk Odśwież lub Odśwież źródło danych na formularzu tak aby struktura danych formularza została zaktualizowana.

Obraz 96

  1. Jeżeli podczas tworzenia formularza nie wskazałeś dla niego struktury danych, o którą jest oparty lub chcesz ją zmienić, wówczas przejdź na panel Właściwości i w sekcji Struktura danych wybierz przycisk umożliwiający wybór struktury z serwera wersji.

Obraz 97

Podgląd formularza​

W każdym momencie podczas projektowania formularza możesz podglądnąć jego wygląd na WWW.

  1. Zapisz formularz i wybierz przyciski na belce górnej, w oknie projektowania formularza.
  2. Jeżeli nie uda się zapisać formularza z powodu błędów walidacji, wówczas także niedostępny będzie przycisk podglądu formularza w aplikacji www.

image

  1. Zaloguj się do aplikacji WWW.
  2. Wpisz login: admin oraz hasło: admin lub login i hasło: user.

image

wskazówka

Po zainstalowaniu środowiska i stworzeniu projektu na środowisku deweloperskim, domyślnie do zalogowania się do aplikacji możesz użyć loginu i hasła admin lub user. Więcej o logowaniu patrz: Logowanie.

Aby móc wyświetlić aplikację na www upewnij się, że usługa IIS Express została włączona w VSoft archITekt Launcher.

Zobacz również​

Kontener - podstawowy komponent układu

Tworzenie niestandardowego nagłówka i stopki strony aplikacji

Wykorzystanie własnych grafik i ikon