Professional Documents
Culture Documents
Nội dung: Giới thiệu Các thuộc tính chung Các điều khiển thông dụng
Nội dung: Giới thiệu Các thuộc tính chung Các điều khiển thông dụng
Nội dung: Giới thiệu Các thuộc tính chung Các điều khiển thông dụng
NET
Ni dung Gii thiu Cc thuc tnh chung Cc iu khin thng dng Label Literal TextBox Button LinkButton ImageButton
1. Gii thiu ASP.NET cung cp hai loi iu khin trnh ch l: HTML Server Control v ASP.NET Server Control HTML Server Control l cc th HTML c thuc tnh runat=server. VD: <input id="Button1" type="button" value="button" runat=server /> ASP.NET Server Control l nhng iu khin trnh ch c nhiu thuc tnh v tnh nng mnh m hn HTML Server Control. ASP.NET Server Control t ng pht sinh ra cc tag HTML theo tng loi trnh duyt.
Khc bit trong HTML tag Server control: <asp:controlname id="some_id" runat="server"/> HTML control: HTML tag Vd:
<asp:TextBox id="txtText" runat="server /> <INPUT type="text" id="textfield1"> <asp:Button id="btnShow" runat="server" Text="Show /> <INPUT type="button" value="Show">
1. Gii thiu ASP.NET Server Control c khai bo bt u bng <asp:> v kt thc bng </asp> Vd: <asp:Label ID=Label1 Runat=server Text=Hello World> </asp:Label> ASP.NET Server Control Cng c th khai bo khng cn th ng. <asp:Label ID=Label1 Runat=server Text=Hello World />
2. Cc thuc tnh (Properties) chung AccessKey Gn mt k t kt hp vi phm Alt truy cp nhanh n iu khin trn ca s trnh duyt. Lu : Trnh s dng cc k t m trnh duyt dng. V d:
<form id="form1" runat="server"> <p> <asp:Label ID="Label1" Runat="server" AccessKey="N" AssociatedControlID="Textbox1">User<u>n</u>ame</asp:Label> <asp:Textbox ID="TextBox1" Runat="server"></asp:Textbox></p> <p> <asp:Label ID="Label2" Runat="server" AccessKey="P" AssociatedControlID="Textbox2"><u>P</u>assword</asp:Label> <asp:Textbox ID="TextBox2" Runat="server"></asp:Textbox></p> <p> <asp:Button ID="Button1" Runat="server" Text="Submit" /> </p> </form>
BorderStyle: Kiu ng vin iu khin BorderWidth: rng ng vin CssClass: Tn lp (CSS) p dng cho iu khin Enabled: Trng thi ca iu khin Visible: n/hin ca iu khin Font: Quy nh font ch hin th cho iu khin FontClolor: Mu ch Width: Chiu rng iu khin Height: Chiu cao ca iu khin TabIndex: Th t tab ca iu khin Tooltip: Xut hin text khi r chut trn iu khin ID: Nhn dng Control (tn object dng vit code)
Properties hiu
12
3. iu khin thng dng - Label Hin th chui ti v tr label trn trang Thuc tnh: Text: Chui hin th c th c thit lp bi thuc tnh Text
<asp:Label id="Label1" Text="Hello World!" runat="server"/>
3. iu khin thng dng - Label Vd: (4.3) Dng Label cung cp cc phm nng
<form id="form1" runat="server"> <asp:Label ID="Label1" Runat="server" AccessKey="N" AssociatedControlID="Textbox1">User<u>n</u>ame</asp:Label> <asp:Textbox ID="TextBox1" Runat="server"> </asp:Textbox> <asp:Label ID="Label2" Runat="server" AccessKey="P" AssociatedControlID="Textbox2"><u>P</u>assword</asp:Label> <asp:Textbox ID="TextBox2" Runat="server"></asp:Textbox> <asp:Button ID="Button1" Runat="server" Text="Submit" /> </form>
3. iu khin thng dng - Literal Ging Label nhng hin th chui khng c th <Span> khi tr v trnh duyt. Khng th p dng style VD:
<asp:Literal ID=Literal1 Text=<b>I am a literal control</b> runat=server />
3. iu khin thng dng - TextBox Cho php ngi dng nhp liu v gi ln web server Thuc tnh: TextMode= Password : nhp mt khu MultiLine: nhp nhiu dng, khi quy nh kch thc bi Columns v Rows. MaxLength: Gii hn s k t ti a ReadOnly: Cho/khng cho thay i gi tr trong TextBox Enabled:(=False) V hiu ha iu khin, khng cho thay i gi tr
-AutoPostBack(): T ng kch hot s kin TextChanged khi ngi dng a con tr ra khi iu khin. -AutoCompleteType(): Lit k cc thng tin nhp trc y ca iu khin chn nhanh.
25Mar10
18
3. iu khin thng dng - Button To nt bm gi thng tin t form ln web server Thuc tnh: OnClientClick: Gn hm Javascript thc thi pha Client cho s kin Click. (C dng ng trnh duyt) S kin: Click(): S kin Click thc thi pha Server Vd: (4.5) To nt bm thc thi pha Client v pha Server
25Mar10
20
3. iu khin thng dng - LinkButton Dng gi thng tin ca trang ln server. LinkButton l nt bm dng lin kt. VD:
<%@ Page Language=VB> <script runat="server"> protected Sub LinkButton1_Click(sender, e) Label1.Text = "You clicked the link button" End Sub </script> <body> <h3><font face="Verdana">LinkButton Example</font></h3> <form id="form1" runat="server"> <asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">Click me</asp:LinkButton> <asp:Label ID="Label1" runat="server"></asp:Label> </form></body></html>
22
M VB
protected Sub ImageButton1_Click(object sender, System.Web.UI.WebControls.ImageClickEventArgs e) // Code here End Sub
25Mar10
23
25Mar10
24
25
25Mar10
26
3. Thc hin chuyn trang Mc nh khi click Button, LinkButton, ImageButton n s thc hin cng vic ngay trn trang v trang ca chng ta s Load li mt ln nhng bn c th s dng thuc tnh PostBackUrl chuyn sang mt trang khc.
<asp:Label ID="lblSearch" runat="server" Text="Search:" /> <asp:TextBox ID="txtSearch" runat="server" /> <asp:Button ID="btnSearch" Text="GO!" runat="server" PostBackUrl="ButtonSearchResult.aspx" />
27 28
3. iu khin thng dng - HyperLink Dng lin kt, dng nh hng trnh duyt n mt trang khc. Thuc tnh: Text: chui hin th ca lin kt NavigateUrl: ging thuc tnh href ca th <a> ImageUrl: Hin th hnh nh thay cho Text Vd: M to HyperLink
<asp:HyperLink ID=HyperLink1 Runat=server Text=Go to Google NavigateUrl=http://goole.com> </asp:HyperLink>
29
3. iu khin thng dng - DropDownList To danh sch, ch cho chn mt phn t Thuc tnh Items: Click vo nt () to cc phn t
3. iu khin thng dng- DropDownList (tt) S kin: SelectedIndexChanged: S kin xy ra khi thay i mc chn trong danh sch. (Lu : thuc tnh AutoPostBack phi gn bng True) VD: (4.8)
protected Sub DropDownList1_SelectedIndexChanged(sender,e) Label1.Text = "M Ch chn: " & DropDownList1.SelectedValue.ToString() End Sub
32
ListBox v DropDownList: S dng phng thc Add vo danh sch Items ca control - Vd: protected Sub btnShow_Click(object sender, EventArgs e) ListBox1.Items.Add(txtSource.Text) DropDownList1.Items.Add(txtSource.Text) End Sub
25Mar10
34
protected Sub Page_Load(sender, e) Test if there is a selected item. if (ListBox1.SelectedItem =null) then Display the selected item. Label1.Text = "The selected item is: " & ListBox1.SelectedItem.Text else Label1.Text = "No item is selected. End If End Sub
25Mar10 35
AutoPostBack: T ng submit v server S kin: CheckedChanged: Xy ra khi thay i gi tr Checked ca check box (dng kt hp vi AutoPostBack=true)
36
if (RadioButton1.Checked) then Label1.Text = "Bn chn :" & RadioButton1.Text else Label1.Text = "Bn chn :" & RadioButton2.Text end if End Sub
38
3. iu khin thng dng - Image Hin th hnh nh trn trang web Thuc tnh: Thu tnh ImageUrl: ng dn ca file hnh ImageAlign: cn chnh hnh nh
<asp:Image ID="Image1" Runat="server" ImageUrl="~/MyImage1.gif" /> <br /> <asp:Button ID="Button1" Runat="server" Text="Change Image" OnClick="Button1_Click" />
25Mar10
40