看了好多人都寫了用戶控件方面的文章,俺自己也來一篇總結,這應該不算抄襲吧,嘿嘿!!新建一個用戶控件:
右擊項目添加新項,彈出如下圖所示界面,選擇web用戶控件;
為用戶控件添加屬性:01publicstringUserName
02
{
03
get
04
{
05
returntxtUserName.Text;
06
}
07 set
08 {
09 txtUserName.Text = value;
10 }
11
}
編譯之后在客戶端我們就可以訪問到這個UserName屬性,對其進行賦值取值操作,在客戶端的用戶控件屬性一欄看到被公開的UserName屬性:
當然我們也可以不以公開屬性的方式與外界交互,我們可以在客戶端通過FindControl的方式直接操作用戶控件內部的控件;
為用戶控件添加事件:
這樣可以在客戶端方便操作:
01
publicpartialclassWebUserControl : System.Web.UI.UserControl
02
{
03
public delegate void submithandler(objectsender,EventArgs e);
04
public eventsubmithandler MySubmitEvent;
05 protectedvoidPage_Load(objectsender, EventArgs e)
06 {
07
08 }
09
publicstringUserName
10
{
11
get
12
{
13
returntxtUserName.Text;
14
}
15
set
16
{
17
txtUserName.Text = value;
18
&
19
}
20 protectedvoidButton1_Click(objectsender, EventArgs e)
21 {
22 if(MySubmitEvent != null)
23
{
24 MySubmitEvent(this, e);
25 }
26 }
27
28 }
首先定義了一個委托(這里叫submithandler),他有兩個參數(也可以不定義參數,參數可以用于傳遞數據),
然后定義了一個委托變量的事件MySubmitEvent;
最后在當前的事件中判斷事件是否被訂閱,如果有訂閱者,則觸發這個事件,這個被公開的事件的訂閱是被放在客戶端的,由客戶端定義事件的回調函數(我覺得叫回調函數挺容易理解的,不知道這么叫對不對?);
這樣用戶控件的兩個與外界交互的重要方式就搞定了,在使用用戶控件的時候還有一個地方需要注意,就是用戶控件內部的控件的ID在客戶端會解析為用戶控件ID_子控件ID的形式,
所以在用客戶端腳本操作
他們的時候需要用到一個重要的屬性ClientID;
01 <%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>
02 <asp:LiteralID="Literal1"runat="server">用戶名:</asp:Literal><asp:TextBoxID="txtUserName"runat="server"></asp:TextBox><br/>
03 <asp:LiteralID="Literal2"runat="server">密碼:</asp:Literal><asp:TextBoxID="txtPassWord"runat="server"></asp:TextBox><br/>
04 <asp:ButtonID="Button1"runat="server"Text="獲取用戶名"onclick="Button1_Click"/> 05 <inputid="Button2"type="button"value="input方式獲取用戶名" onclick="ShowName()"/> 06 <scripttype="text/javascript"> 07 function ShowName() { 08 alert(document.getElementById("<%=txtUserName.ClientID%>").value); 09 } 10 </script>
這里txtUserName為用戶控件內部的一個子控件的ID,txtUserName.ClientID是獲取用戶控件在客戶端解析之后的最終ID,而<%=txtUserName.ClientID%>得意思就是在asp.net頁面執行這段服務器端代碼
當然對于ClientID的重要還表現在模板以及模板控件的使用上;
執行之后就輸出在這個位置供腳本代碼使用;
向客戶頁面添加用戶控件:
1.打開需要用到用戶控件的頁面的設計界面,直接將用戶控件拖入指定的位置,這樣的話VS會自動的把必要地引用自動幫助我們加上,在源碼也拖是沒有效果哦;
2.就是手動的敲出那些引用;
使用用戶控件:
上面我們已經為用戶控件公開了屬性和事件,現在我們就在客戶端使用這些東西;
01 using System;
02 using System.Collections.Generic;
03 using System.Linq;
04 using System.Web; 05 using System.Web.UI; 06 using System.Web.UI.WebControls; 07 08 public partial class _Default : System.Web.UI.Page 09 { 10 protected void Page_Load(object sender, EventArgs e) 11 { 12 13 //WebUserControl1.UserName = "謝龍寶"; 14 TextBox txt=WebUserControl1.FindControl("txtUserName")as TextBox; 15 txt.Text = "謝龍寶"; 16 17 WebUserControl1.MySubmitEvent += new WebUserControl.submithandler(WebUserControl1_MySubmitEvent); 18 } 19 20 void WebUserControl1_MySubmitEvent(object sender, EventArgs e) 21 { 22 23 Response.Write(WebUserControl1.UserName); 24 } 25 26 }
屬性的使用時很簡單的,像使用普通的屬性一樣取值呀賦值呀,通過FindControl的方式直接操作;
至于事件的使用則也水到渠成,上面說了事件的訂閱時放在客戶端的,所以這里我們就在客戶頁面的加載時訂閱事件(可以理解為給事件指定了一個處理函數(回調函數))
