程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> ASP.NET基礎 >> ASP.NET用戶控件如何使用

ASP.NET用戶控件如何使用

編輯：ASP.NET基礎

用戶控件用來做什麼？

用戶控件常常用來統一網頁顯示風格。
關於用戶控件

1、用戶控件的擴展名為.ascx.
2、用戶控件中沒有@Page指令，而是包含@Control指令。
3、用戶控件不能做為獨立文件運行，必須創建ASP.net頁面，後添加。
4、在用戶控件上可以使用相同的XHTML元素和Web服務器控件。例如，Button可以放到用戶控件中，並創建按鈕的事件處理。
創建用戶控件

在vs中新建項中選擇用戶控件。（也可以將單個文件轉化為用戶控件。）
制作用戶控件。

例如：
用戶控件代碼：
WebUserContro.ascx代碼：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="WebUserControl.ascx.cs" Inherits="WebUserControl" %>  
<asp:TextBoxIDasp:TextBoxID="txtSearch" runat="server"></asp:TextBox>  
<br /> 
<asp:Button ID="btnSearch" runat="server"onclick="btnSearch_Click"Text="搜索"/>

C#代碼：

public partialclass WebUserControl : System.Web.UI.UserControl  
{ 
  //在text中顯示。  
  protected void btnSearch_Click(objectsender, EventArgs e)  
  { 
    txtSearch.Text = "搜索完成";  
  }  
  //添加用戶控件的公共屬性Text。 
  private string _text; 
  public string Text 
  {  
    get  
    {  
      return _text;  
    }  
    set 
    { 
       _text = value; 
    }  
  }  
//給控件的text屬性賦值。 
 protected void Page_Load(objectsender, EventArgs e) 
  { 
    btnSearch.Text = this.Text;  
  }  
}

使用用戶控件：

將ascx文件直接拖動到我們要使用的那個頁面即可。
自動生成的代碼如下：

<%@ Page Language="C#" AutoEventWireup="true"CodeFile="UserControlTest.aspx.cs"Inherits="UserControlTest" %>  
<%@ Register Src="~/WebUserControl.ascx"TagName="WebUserControl"TagPrefix="uc1" %> 
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
  <title></title>  
</head>  
<body>  
  <form id="form1" runat="server"> 
  <div> 
    <uc1:WebUserControl ID="WebUserControl1" runat="server" Text="開始查找" />  
  </div>  
  </form>  
</body>  
</html>

顯示