Sunteți pe pagina 1din 24

ASP Controls (I)

(Textbox, Label, Button, LinkButton,


ImageButon, Hyperlink, Calendar)
Controale:
Proprieti
Metode
Evenimente
<body>
<form id="form1" runat="server">
<div>
<asp:label ID="Label1" runat="server" text="Tastati destinatia:"></asp:label>
<asp:TextBox ID="TextBox1" runat="server"> Bucuresti </asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Trimite cererea" BackColor="Red" />
</div>
</form>
Proprieti
</body>
Exemple de proprieti comune pentru majoritatea controalelor
(se pot modifica n mod dinamic prin cod , pot fi stabilite n pagina ASP sau prin foi
de stil CSS)
ID identificatorul controlului
BackColor Culoare de fundal
ForeColor Culoarea fonturilor
BorderColor Culoarea bordurii
BorderStyle Stilul bordurii, ex: BorderStyle=Solid
BorderWidth Dimensiunea bordurii, ex: BorderWidth=3px

Enabled precizeaz starea controlului (activat saz dezactivat) ex: Enabled=False


Visible precizeaza dac un control este vizibil sau ascuns ex: Visible=True

Font-Name - Tipul de fonturi (Arial, Times, etc.)


Font-Size - dimensiunea fonturilor (ex: Font-size=16pt)
TabIndex - specific ordinea n care sunt parcurse controalele la apsarea tastei
TAB;
ToolTip Text explicativ ce se afieaz atunci cnd utilizatorul plaseaz cursorul
mouse-ului deasupra controlului;

Width dimensiunea pe orizontal (ex: Width=800px)


Height dimensiunea pe vertical (ex: Height=360px)

CssClass permite aplicarea unui stil definit intr-un fisier de tip CSS
Style permite definirea unui stil direct in pagina ASP
Permite afiarea unui text ntr-o pagin.
Proprieti:
-Text

Poate fi utilizat pentru introducerea datelor de la tastatura de catre


utilizator sau pentru afisarea datelor.

Proprieti:
-Text
-TextMode (SingleLine, MultiLine, Password)
-Rows
-ReadOnly
-MaxLength
Reprezinta un container pentru alte controale .ASP

Proprieti:
- Scrollbars( None, Horizontal, Vertical, Both)
-Enabled, Visible, etc
Permite navigarea ctre o alt pagin web

Proprieti:
- Text
- ImageURL
- NavigateURL
-Target (_blank, _self)
Aceste controale trimit
pagina spre procesare
ctre server si pot
declana prelucrri
suplimentare (definite
prin cod VB, C#, etc)

Cel mai utilizat eveniment:


- CLICK (se declaneaz atunci cnd utilizatorul
efectueaz click cu butonul drept al mouse-ului)
Proprieti:

Text ImageURL Text


ImageAlign
OnClientClick OnClientClick OnClientClick

OnClientClick: permite specificarea unei funcii (script) ce se va executa local


(client-side) atunci cnd utilizatorul efectueaz click pe buton.
Permite selectarea unei date calendarisice
Proprieti:
-Caption
- FirstDayOfWeek
-SelectedDate
-SelectionMode (Day, DayWeek, DayWeekMonth)
-SelectedDateStyle
-TodayDayStyle

Evenimente:
-SelectionChanged
Exercitiu-Tema:
In pagina din figura urmatoare, la selectatarea datei de revenire din aldoilea calendar, se va
calcula automat durata deplasarii si se va afisa in caseta detext din partea dreapta (pe doua
randuri).

Observatie: Saltul la rand nou se


poate realiza utilizand VBCRLF.

Exemplu:
Textbox2.Text=ASE & VbCrLf &
Bucuresti
Proprieti:
- AutoPostBack
- Checked
- Text
Evenimente
-CheckedChanged
Proprieti:
- AutoPostBack
- Checked
- GroupName
- Text
Evenimente:
-CheckedChanged
Proprieti:
- AutoPostBack
- Items (colectia de elemente)
- RepeatDirection
- SelectedIndex
- SelectedItem
- SelectedValue

Metode:
- ClearSelection

index
Evenimente: Text, Value
-SelectedIndexChanged
ListaMasini.Items(1).Selected=True
ListaMasini.SelectedIndex=1
ListaMasini.SelectedValue=12100
Proprieti: Evenimente:
- AutoPostBack -SelectedIndexChanged
- Items (colectia de elemente)
- RepeatDirection
- SelectedIndex Metode:
- SelectedItem - ClearSelection
- SelectedValue

La fel ca RadioButtonList, dar permite


selectarea mai multor elemente din lista.
In primul Panel va fi selectata implicit optiunea
16GB.

In al doilea Panel va fi selectata implicit


optiunea NU. Lista de optionale va fi implicit
invizibila si se va afisa doar daca se va selecta
RadioButton
raspunsul DA la intrebarea Doriti optionale?. In
acest sens, se va modifica proprietatea
AutoPostback pentru lista de butoane radio.

RadioButtonList In al treilea Panel, la apasarea butonului


Calculeaza, se va va afisa preul telefonului
innd cont de urmatoarele elemente:
CheckBoxList
Memorie: 16GB 600USD, 32GB 800USD,
64GB 1000USD
Optionale: Husa 30USD, Folie Protectie
CheckBox 16USD, Incarcator 25USD
Garantie Extinsa: se adaug 12% din preul fr
opionale
Plata cu card se acord o reducere de 5%
din pretul far opionale.

Label
Proprieti: Evenimente:
- AutoPostBack -SelectedIndexChanged
- Items (colectia de elemente)
- RepeatDirection
- SelectedIndex Metode:
- SelectedItem - ClearSelection
- SelectedValue

La fel ca RadioButtonList, dar permite


selectarea mai multor elemente din lista.
Realizati urmatoarea aplicaie
DropDownList
Valori Marca
posibile:
- Renault
- Toyota
ListBox
Valori posibile: Model
- pt. Renault: Clio,
Megane, Laguna
- pt. Toyota: ListBox
Avensis, Corolla
Optionale

Label
Contor

BulletedList
RezumatOptionale

Redirectare catre pagina


cu imaginea masinii
(functie de marca aleasa)
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Selectie masina</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Marca"></asp:Label>
<br />
<asp:DropDownList ID="Marca" runat="server" AutoPostBack="True" >
<asp:ListItem>Renault</asp:ListItem>
<asp:ListItem>Toyota</asp:ListItem>
</asp:DropDownList> <br />
<asp:Label ID="Label2" runat="server" Text="Model"></asp:Label> <br />
<asp:ListBox ID="Model" runat="server" Height="73px" Width="220px"> </asp:ListBox> <br />
<asp:Label ID="Label3" runat="server" Text="Optionale"></asp:Label> <br />
<asp:ListBox ID="Optionale" runat="server" AutoPostBack="True" Height="80px"
SelectionMode="Multiple" Width="365px">
<asp:ListItem>Radio CD</asp:ListItem>
<asp:ListItem>Vopsea Metalizata</asp:ListItem>
<asp:ListItem>GPS Navigator</asp:ListItem>
<asp:ListItem>Tapiterie din piele</asp:ListItem>
</asp:ListBox>
<br />
<asp:Label ID="Label4" runat="server" Text="Label"></asp:Label> <br />
<asp:BulletedList ID="RezumatOptionale" runat="server" BulletStyle="Circle"> </asp:BulletedList>
<asp:Button ID="Button1" runat="server" Text="Masina dumneavoastra:" />
</div>
</form>
</body>
</html>
Protected Sub Marca_SelectedIndexChanged(sender As Object, e As System.EventArgs) Handles Marca.SelectedIndexChanged
Model.Items.Clear()

If Marca.SelectedIndex = 0 Then
Model.Items.Insert(0, "Clio")
Model.Items.Insert(1, "Megane")
Model.Items.Insert(2, "Laguna")
Else
Model.Items.Insert(0, Avensis")
Model.Items.Insert(1, Corolla")
End If
End Sub

Protected Sub Optionale_SelectedIndexChanged(sender As Object, e As System.EventArgs) Handles Optionale.SelectedIndexCh


RezumatOptionale.Items.Clear()
Dim i As Integer = 0, OptionaleAlese As Integer = 0
' structura repetitiva pentru a parcurg lista de optionale
For i = 0 To Optionale.Items.Count - 1
If Optionale.Items(i).Selected = True Then
OptionaleAlese = OptionaleAlese + 1
RezumatOptionale.Items.Add(Optionale.Items(i))
End If
Next i
Label4.Text = "Ati selectat " & OptionaleAlese & " Optionale"
End Sub

Protected Sub Button1_Click(sender As Object, e As System.EventArgs) Handles Button1.Click


Response.Redirect("pagina2.aspx?MarcaSelectata=" & Marca.SelectedValue)
End Sub
End Class
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Pagina2.aspx.vb" Inherits="Default2" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Imaginea masinii</title>
</head>
<body>
<h1>Masina dumneavoastra:</h1>
<form id="form1" runat="server">
<div>

<asp:Image ID="Image1" runat="server" Height="354px" Width="506px" />

</div>
</form>
</body>
</html>

Protected Sub Page_Load(sender As Object, e As System.EventArgs) Handles Me.Load


Dim Caz As String
Caz = Request.QueryString("MarcaSelectata")

If Caz = "Renault" Then


Image1.ImageUrl = "poze/renault.jpg"

ElseIf Caz = "Dacia" Then


Image1.ImageUrl = "poze/dacia.jpg"

End If
End Sub