Artykuł pochodzi w serii przygotowań do egzaminu 70-562 ASP.NET.
W ASP .NET mamy do dyspozycji wiele gotowych kontrolek serwerowych. W dzisiejszym artykule opiszemy 5:
- Label
- TextBox
- Button
- CheckBox
- RadioButton
Etykieta
Etykieta (ang. Label), wyświetla tekst w określonym miejscu na stronie. Etykiety używamy, kiedy w pewnym momencie chcemy zmienić jakiś tekst na stronie (który jest wyświetlany właśnie w postaci etykiety). Nie powinno używać się etykiety, kiedy wiemy że nasz tekst nie będzie się zmieniał.
Kontrolki do formatki możemy dodawać na dwa sposoby. Albo przeciągamy je z tool boxa albo piszemy w źródle ręcznie. Aby dodać ręcznie etykietę należy napisać:
1: <asp:Label ID="Label1" runat="server" style="color: Blue" Text="Some Text"></asp:Label>
Teraz aby zmienić właściwość text musimy wejść do Code behind i napisać:
1: Label1.Text="Inny tekst"
Pole tekstowe
Pole tekstowe (ang. text box) jest to kontrolka, dzięki której użytkownik może komunikować się z aplikacją za pomocą wpisywanych danych (np. może wpisać login, hasło itp). Pole tekstowe ma bardzo dużo fajnych właściwości. Np. zmieniając wartość właściwości TextMode z SingleLine na MultiLine, otrzymujemy duże pole tekstowe z możliwością wpisania kilku wierszy. Innym przykładem właściwości jest MaxLength, która służy do określania maksymalnej ilości znaków wpisanych do pola.
Przycisk
Kontrolka przycisku (ang. button control), wyświetla na stronie przycisk, który po naciśnięciu wysyła Post Back do serwera. Przycisk może być stworzony jako submit button lub command button. Submit button wykonuje prosty Post Back do serwera. Możemy go obsłużyć w zdarzeniu Click.
Przycisk użyty jako command button, jest jednym z zestawu przycisków, które pracują razem jako grupa takich jak toolbar. Aby zdefiniować ze nas przycisk ma być command, należy przypisać wartość do właściowści CommandName. W poniższym przykładzie zdefiniujemy sobie Command Button’y, które symulują odtwarzacz. Kiedy użytkownik kliknie na jeden z nich, zdarzenie Command wywoła się na serwerze. To zdarzenie przyjmuje instancje CommandEventArgs jako parametr:
1: protected void Playback_Command(object sender, CommandEventArgs e)
2: {
3: switch (e.CommandName)
4: {
5: case "Back":
6: Response.Write("back");
7: break;
8: case "Pause":
9: Response.Write("pause");
10: break;
11: case "Play":
12: Response.Write("play");
13: break;
14: case "Forward":
15: Response.Write("forward");
16: break;
17: }
18: }
Pole wyboru
Pole wyboru (ang. check box), zwraca true jeśli zaznaczone i false jeśli odznaczone. Ciekawym zdarzeniem w check boxie jest CheckedChanged, który zostaje wywołany w momencie zmiany stanu pola. Wtedy należy też zmienić właściwość AutoPostBack na true, żeby po zmianie stanu postback się wykonał.
Przycisk opcji
Podobny do check boxa jednak można go grupować. Dzięki grupowaniu można zaznaczyć tylko jedną opcję. Aby pogrupować opcję należy ustawić we właściwości GroupName wszędzie tę samą nazwę.