technologie internetowe cw 07 ...

[ Pobierz całość w formacie PDF ]
Ćwiczenie 7
Temat:
Kontrolki serwerowe
ASP.NET
Cel ćwiczenia:
W ramach ćwiczenia student zapozna się z metodami używania kontrolek
serwerowych ASP.NET oraz z metodami programowego odwoływania się do
tych kontrolek. Student pozna także wybrane metody obsługi interakcji z
użytkownikiem odwiedzającym stronę.
Kontrolki serwerowe - Wstęp
Środowisko ASP.NET udostępnia wiele gotowych elementów i klas używanych do budowania
dynamicznych aplikacji internetowych. Znaczną grupę stanowią kontrolki serwerowe.
Kontrolki to elementy stron, które programowane są po stronie serwera, a każda z nich
posiada unikalny parametr „id” jednoznacznie definiujący kontrolkę na danej stronie.
W środowisku Visual Studio znaleźć można kilka grup kontrolek. Kontrolki znajdują się w
pasku narzędziowym
Toolbox
(
menu: widok (view) -> Toolbox
):
Kontrolki widoczne po zainstalowaniu środowiska Visual Studio w pasku
Toolbox
są
kontrolkami dostarczonymi przez firmę Microsoft, jako podstawowe kontrolki serwerowe.
Jednak istnieje także wiele innych kontrolek, zarówno darmowych jak i płatnych, które mogą
zostać zainstalowane i dołączone do strony internetowej. Jednym z najpopularniejszych
rozszerzeń jest zestaw
Ajax Control Toolkit
, z którym czytelnik zapoznany zostanie w ramach
kolejnych laboratoriów.
Najpopularniejszymi kontrolkami są:
1.
Label – wyświetlająca tekst
2.
TextBox – umożliwiająca wpisywanie tekstu
3.
Button – wstawiająca przycisk
4.
LinkButton – wstawiająca łącze które posiada właściwości przycisku
Kontrolki serwerowe ASP.NET
58
5.
HyperLink – wstawia odnośnik
6.
DropDownList – wstawia rozwijaną listę wyboru
7.
ListBox – wstawia listę wielokrotnego wyboru
8.
CheckBox – wstawia pole wyboru
9.
CheckBoxList – wstawia listę pól wyboru
10.
RadioButton – wstawia pole jednokrotnego wyboru
11.
RadioButtonList - wstawia listę pól jednokrotnego wyboru
Działanie i obsługa najpopularniejszych kontrolek serwerowych
Kontrolki serwerowe zdefiniowane są jako abstrakcyjne obiekty HTML, które w dynamiczny
sposób generują po stronie serwera standardowe znaczniki HTML. W przeglądarce klienta (w
kodzie strony) kontrolki widziane są jako standardowe znaczniki HTML, jednak podczas
programowania strony (w programie na serwerze) udostępniają dużo większą ilość
zaawansowanych funkcji.
Wstawianie kontrolek na stronę
Wstawianie kontrolki może odbywać się za pomocą pisywania kodu w trybie
Source
lub w
trybie
Design
za pomocą przeciągania odpowiednich kontrolek z paska
Toolbox
na stronę
internetową.
Składnia znacznika umieszczającego kontrolkę serwerową na stronie jest następująca:
<asp:
RodzajKontrolki
id=Ò
Unikalne_id
Ò runat=Ò
server
Ò>
lub w przypadku niektórych kontrkolek, które muszą posiadać znacznik zamknięcia:
<asp:
RodzajKontrolki
id=Ò
Unikalne_id
Ò runat=Ò
server
Ò> </asp:
RodzajKontrolki>
Zadanie 1 Umieszczanie kontrolki
Utworzyć pierwszą stronę w technologii ASP.NET. Przetestować efekt wstawienia na stronę
kontroli kalendarza. W celu realizacji zadania postępuj wg poleceń:
1.
Uruchomić środowisko Visual Studio
Wstawianie kontrolek na stronę
59
2.
Utworzyć nową stronę sieci WEB – Szablon: Strona ASP.NET
3.
W oknie
Solution Explorer
edytować stronę główną projektu
Default.aspx
4.
Przełączyć edytor w tryb projektowania (
Design
)
5.
Z paska
Toolbox
przeciągnąć na stronę kontrolkę kalendarza (
Calendar
) znajdującą się w
sekcji standardowych kontrolek (
Standard
)
6.
Uruchomić serwer WWW oraz tryb debugowania strony (klawisz F5 lub guzik )
6.1.
Jak zachowuje się kontrolka kalendarza w przeglądarce ?
7.
Zatrzymać serwer WWW (Shift+F5, lub klawisz )
8.
Przełączyć edytor w tryb kodu (
Source
)
8.1.
Poprzez jaki znacznik został dołączony do strony kalendarz ?
8.2.
Jaka została nadana nazwa ID dla kontrolki kalendarza ?
Właściwości kontrolek
Każda kontrolka posiada zestaw właściwości, które odpowiadają za jej wygląd i zachowanie.
Okno właściwości kontrolki zazwyczaj znajduje się pod oknem eksploratora projektu
(
Solution explorer
). Jeśli w danej chwili nie jest dostępne może zostać wywołane poprzez
kliknięcie prawym guzikiem myszy na kontrolce (kontrolce znajdującej się już na stronie) a
następnie wybranie z menu kontekstowego polecenia
właściwości
(
Properties
). Okno
Właściwości kontrolek
60
właściwości posiada dwie zakładki. Zakładka podstawowa pozwalająca ustalić parametry
kontrolki związane z wyglądem, oraz zakładka (wywoływana przyciskiem ) definiująca
obsługę zdarzeń dla danej kontrolki.
Zadanie 2 Zmiana właściwości kontrolki
Dla kontrolki kalendarza utworzonej w poprzednim zadaniu, w oknie właściwości zmienić na
dowolne wartości poniższe parametry:
Kolor tła (BackColor),
Kolor obramowania (BorderColor),
Styl obramowania (BorderStyle),
Opcję wyświetlania linii rozdzielających komórki (ShowGridLines)
Sprawdzić w widoku kodu jak zostały zdefiniowane powyższe parametry.
Label – kontrolka tekstowa
Kontrolka
Label
jest prostą kontrolką do wyświetlania tekstu. Do jej najbardziej
podstawowych właściwości zaliczyć można:
Text – zawartość tekstowa kontrolki
Font – nazwa czcionki kontrolki
BackColor – kolor tła kontrolki
ForeColor – kolor teksu kontrolki
Visible – kontrolka widoczna / niewidoczna
TextBox – kontrolka wprowadzania tekstu
Kontrolka umożliwia wprowadzanie tekstu przez użytkownika strony. Jest obiektem
analogicznym to statycznego elementu formularzy – input. Do podstawowych właściwości
kontrolki
Textbox
należą:
Text – treść tekstowa kontrolki (początkowa lub wpisana)
Label – kontrolka tekstowa
61
[ Pobierz całość w formacie PDF ]