ASP.net基础(八) 用户控件

最新推荐文章于 2024-03-14 23:57:08 发布

邢海芳

最新推荐文章于 2024-03-14 23:57:08 发布

阅读量2.2k

点赞数

分类专栏： .net开发

本文链接：https://blog.csdn.net/xhf55555/article/details/8309413

版权

.net开发专栏收录该内容

37 篇文章 1 订阅

订阅专栏

用户控件用来做什么？

用户控件常常用来统一网页显示风格。

关于用户控件。

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:TextBoxID="txtSearch" runat="server"></asp:TextBox>

<br />

<asp:Button ID="btnSearch" runat="server"οnclick="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>

显示: