第 4 章 伺服器控制項簡介. 4-1 認識 web forms web forms 是由伺服器端處理的...

13
第4第 第第第第第第第第

Post on 20-Dec-2015

226 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

第 4 章 伺服器控制項簡介

Page 2: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-1  認識 Web Forms Web Forms 是由伺服器端處理的 <form> ,必須加上 runat=server 以及

id 兩個屬性 ,例如:\Ch04\Sample1.aspx01:<%@ Page Language="VB" %>02:<script runat="server">03: Sub btnOK_Click(ByVal sender As Object, ByVal e As System.EventArgs)04: LBUserName.Text = " 您輸入的姓名為「 " & TBUserName.Text.Trim() & " 」 "05: End Sub06:</script>07:<html>08: <body>09: <form runat="server" id="form1" >10: 姓名: <asp:TextBox runat="server" ID="TBUserName" />11: <asp:Button runat="server" ID="btnOK" Text=" 確定 "

OnClick="btnOK_Click" />12: <asp:Label runat="server" ID="LBUserName" />13: </form>14: </body>15:</html>

Page 3: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-2  認識伺服器控制項 我們先討論跟 Form 相關的伺服器控制項 伺服器控制項,是 .NET 的元件,他分為

HTML 伺服器控制項 Web 伺服器控制項 使用者控制項 自訂控制項

Page 4: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-2-1 HTML 伺服器控制項 幾乎任何 HTML 標籤都可以轉換成 HTML 伺服器控

制項,只要加上 runat="server" 屬性即可。 例如 :<button runat="server" ID="button1"></button>

Page 5: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-2-2 Web 伺服器控制項 Web 伺服器控制項是全新的,必須加入

runat=“server” 與 ID=“…” 屬性。 例如 :<asp:TextBox runat="server" ID="TextBox1" /><asp:Button runat="server" ID="Button1" Text=" 確

定 " />

Page 6: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-2-3  使用者控制項 使用者可以將多個伺服器控制項合併

成一個獨特的控制項,也就是所謂的使用者控制項 (user controls) 。

4-2-4  自訂控制項 自行撰寫伺服器控制項,也就是所謂

的自訂控制項 (custom controls) 。

Page 7: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-3 Web 伺服器控制項的類型

Web 伺服器控制項的宣告方式如下:<asp: 控制項名稱 runat="server" ID="…" 屬性 ="…"></asp: 控制項名稱 >

寫成如下亦可:<asp: 控制項名稱 runat="server" ID="…" 屬性

="…" />

Page 8: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-3 Web 伺服器控制項的類型

依照用途分為六類 : 標準控制項 資料控制項 資料來源控制項 驗證控制項 巡覽控制項 登入控制項

Page 9: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-4 Web 伺服器控制項的屬性、方法與事件 Web 伺服器控制項的屬性、方法與

事件可以分為下列兩種: Web 伺服器控制項共通的屬性、

方法與事件 特定 Web 伺服器控制項的屬性、

方法與事件

Page 10: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-4-1 Web 伺服器控制項共通的屬性 AccessKey="…" Attributes BackColor="{ColorName|#RRGGBB}" BorderColor="{ColorName|

#RRGGBB}" BorderStyle="{NotSet|None|Dotted|

Dashed|Solid|Double|Groove|Ridge|Inset|Outset}"

BorderWidth="n" Controls CssClass="…" Enabled="{True|False}" EnableTheming="{True|False}"

Page 11: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

EnableViewState="{True|False}" Font ForeColor="{ColorName|

#RRGGBB}" HasAttributes Height="n" Width="n" SkinID="…" Style TabIndex="n" ToolTip="…" Visible="{True|False}"

Page 12: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-4-2 Web 伺服器控制項共通的方法 DataBind() Dispose() FindControl(id) Focus() HasControls()

Page 13: 第 4 章 伺服器控制項簡介. 4-1 認識 Web Forms Web Forms 是由伺服器端處理的 ,必須加上 runat=server 以及 id 兩個 屬性 ,例如: \Ch04\Sample1.aspx

4-4-3 Web 伺服器控制項共通的事件 OnDataBinding="ProcedureName" OnDisposed="ProcedureName" OnInit="ProcedureName" OnLoad="ProcedureName" OnPreRender="ProcedureName" OnUnload="ProcedureName"