technologie internetowe cw 08 ...

[ Pobierz całość w formacie PDF ]
Ćwiczenie 8
Temat:
Kontrolki serwerowe
ASP.NET cz.2
Cel ćwiczenia:
W ramach tego ćwiczenie student zapozna się z kolejnymi kontrolkami
serwerowymi oraz z metodami ich walidacji, a także z kontrolkami
umożliwiającymi walidację innych kontrolek. Dodatkowo student pozna
metodę zamiany znacznika HTML na kontrolkę serwerową, nauczy się zmiany
stylu i atrybutów znaczników uruchamianych po stronie serwera z poziomu
kodu c#.
Działanie i obsługa najpopularniejszych kontrolek serwerowych
W poprzednim ćwiczeniu czytelnik zapoznany został z metodami wstawiania na stronę
kontrolek serwerowych, ustalania ich własności, a także korzystania z ich metod. W trakcie
tego ćwiczenia przedstawione zostaną kolejne najpopularniejsze kontrolki. Pierwszą
przedstawianą grupą kontrolek są kontrolki list. W poprzednim ćwiczeniu, jako
przedstawiciel tej grupy, przedstawiona został lista rozwijana (
drop down list).
Kolejnymi
kontrolkami są:
ListBox – Kontrolka listy wielokrotnego wyboru
Kontrolka wstawia listę w postaci ramki analogicznie jak kontrolka
DropDownList
z tą różnicą,
iż kontrolka
ListBox
umożliwia zastosowania zaznaczenia wielu pozycji na liście (właściwość
SelectionMode
). Do jej najważniejszych właściwości należą:
Właściowści:
Items – kolekcja elementów listy
SelectedIndex – numer wybranego elementu
SelectedValue – wartość wybranego elementu
AutoPostBack – automatyczne powiadomienie serwera
SelectionMode
– wielokrotny wybór: tak / nie
BackColor – kolor tła kontrolki
ForeColor – kolor teksu kontrolki
Visible – kontrolka widoczna / niewidoczna
Zdarzenie:
SelectedIndexChange
Pamiętać należy, że jeśli kontrolka ma ustaloną możliwość wielokrotnego wyboru to
właściwości
SelectedIndex
oraz
SelectedValue
posiadają tylko wartości pierwszej
zaznaczonej pozycji na liście. Aby poprawnie obsłużyć wszystkie zaznaczone elementy należy
ListBox – Kontrolka listy wielokrotnego wyboru
70
odwołać się do kolekcji elementów listy, np. tak jak to zostało przedstawione w poniższym
przykładzie.
Przykład
Na stronie .aspx zdefiniowana została kontrolka typu
ListBox
która posiada 3 pozycje, a także
zdefiniowaną możliwość wielokrotnego wyboru, oraz określoną metodę, która zostanie
wywołana po zmianie zaznaczonych pozycji listy:
<
asp
:
ListBox
ID
="ListBox1"
runat
="server"
AutoPostBack
="True"
onselectedindexchanged
="ListBox1_SelectedIndexChanged"
SelectionMode
="Multiple">
<
asp
:
ListItem
>
A
</
asp
:
ListItem
>
<
asp
:
ListItem
>
B
</
asp
:
ListItem
>
<
asp
:
ListItem
>
C
</
asp
:
ListItem
>
</
asp
:
ListBox
>
Natomiast w pliku kodu, aspx.cs zdefiniowana została metoda:
protected
void
ListBox1_SelectedIndexChanged(
object
sender,
EventArgs
e)
{
Label1.Text =
"Wybrano odpowiedź: "
;
for
(
int
i = 0; i < ListBox1.Items.Count;i++ )
{
if
(ListBox1.Items[i].Selected)
{
Label1.Text += ListBox1.Items[i].Value+
", "
;
}
}
}
Właściwość:
Listbox1.Items.Count - zwraca ilość elementów listy
ListBox1.Items[i].Selected – zwraca prawdę lub fałsz, w zależności, czy element „i”
jest wybrany
ListBox1.Items[i].Value – zwraca wartość elementu „i”
Przykład
71
CheckBoxList
Jest kontrolką reprezentująca listę wielokrotnego wyboru, składającą się z pól typu
CheckBox
. Kontrolka posiada analogiczne właściwości i metody jak kontrolka
ListBox
.
RadioButtonList
Jest kontrolką reprezentująca listę jednokrotnego wyboru, składającą się z pól typu
RadioButton
. Kontrolka posiada analogiczne właściwości i metody jak kontrolka
DropDownList
.
Zadanie 1 Kontrolki List
Stworzyć cztery pytania ankiety, jak w poniższym przykładzie. Po wciśnięciu przycisku
„
Wyślij
” wyświetlić pod ankietą wybrane odpowiedzi w kontrolce
Label
.
CheckBoxList
72
Walidacja
W poprzednich ćwiczeniach czytelnik zapoznany został z metodami walidacji formularzy
HTML z wykorzystaniem skryptów JavaScript. W ramach tego ćwiczeniach przedstawione
zostaną metody walidacji zawartości po stronie serwera, a także z wykorzystaniem kontrolki
walidującej zawartość innej kontrolki.
Metody walidacji po stronie serwera
Do najważniejszych metod wykorzystywanych przy walidacji zawartości wykorzystywanych
po stronie serwera należą:
IsMatch – metoda sprawdza, czy łańcuch jest zgodny ze wzorcem opisanym
wyrażeniem regularnym
Matches - Zwraca kolekcję wystąpień wzorca
Replace - Zastępuje wystąpienia wzorca łańcuchem tekstowym
Walidacja może zostać dokonana np. po wystąpieniu zmiany w danej kontrolce lub dopiero
po zdarzeniu zbiorowego wysłania danych, np. po wciśnięciu guzika „wyślij”. Jeśli walidacja
zostaje wykonana zaraz po wpisaniu danych, warto jest zastosować dodatkową kontrolkę,
np. typu
Label
, która będzie wyświetlała informację o tym, że tekst wprowadzony do danej
kontrolki jest nieprawidłowy. W poniższym przykładzie zastosowana została metoda
isMatch
porównująca wyrażenie regularne z wpisanym przez użytkownika adresem email:
Przykład
W pliku .aspx zdefiniowane zostały tylko dwie kontrolki, TextBox w którym użytkownik
wpisywał będzie adres email oraz kotrolka
Label
, w której wpisany został domyślnie
komunikat błędu, który domyślnie jest niewidoczny:
<
asp
:
TextBox
ID
="tb_email"
runat
="server"
AutoPostBack
="True"
ontextchanged
="tb_email_TextChanged"></
asp
:
TextBox
>
<
asp
:
Label
ID
="lbl_valid_email"
runat
="server"
ForeColor
="Red"
Text
="Wpisz poprawnie adres email"
Visible
="False"></
asp
:
Label
>
Metody walidacji po stronie serwera
73
  [ Pobierz całość w formacie PDF ]