当前位置:Gxlcms > asp.net > ASP.NET用户控件如何使用

ASP.NET用户控件如何使用

时间:2021-07-01 10:21:17 帮助过:23人阅读

用户控件用来做什么?

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

1、用户控件的扩展名为.ascx.
2、用户控件中没有@Page指令,而是包含@Control指令。
3、用户控件不能做为独立文件运行,必须创建ASP.net页面,后添加。
4、在用户控件上可以使用相同的XHTML元素和Web服务器控件。例如,Button可以放到用户控件中,并创建按钮的事件处理。
创建用户控件

在vs中新建项中选择用户控件。(也可以将单个文件转化为用户控件。)
制作用户控件。

例如:
用户控件代码:
WebUserContro.ascx代码:

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

C#代码:

  1. public partialclass WebUserControl : System.Web.UI.UserControl
  2. {
  3. //在text中显示。
  4. protected void btnSearch_Click(objectsender, EventArgs e)
  5. {
  6. txtSearch.Text = "搜索完成";
  7. }
  8. //添加用户控件的公共属性Text。
  9. private string _text;
  10. public string Text
  11. {
  12. get
  13. {
  14. return _text;
  15. }
  16. set
  17. {
  18. _text = value;
  19. }
  20. }
  21. //给控件的text属性赋值。
  22. protected void Page_Load(objectsender, EventArgs e)
  23. {
  24. btnSearch.Text = this.Text;
  25. }
  26. }

使用用户控件:

将ascx文件直接拖动到我们要使用的那个页面即可。
自动生成的代码如下:    

  1. <%@ Page Language="C#" AutoEventWireup="true"CodeFile="UserControlTest.aspx.cs"Inherits="UserControlTest" %>
  2. <%@ Register Src="~/WebUserControl.ascx"TagName="WebUserControl"TagPrefix="uc1" %>
  3. <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head runat="server">
  6. <title></title>
  7. </head>
  8. <body>
  9. <form id="form1" runat="server">
  10. <div>
  11. <uc1:WebUserControl ID="WebUserControl1" runat="server" Text="开始查找" />
  12. </div>
  13. </form>
  14. </body>
  15. </html>

显示 

用户控件和前面的区别,我想如果你的网页中几乎全部是用控件,且大量重复的页面,我们就可以采用用户控件。

以上就是关于如何使用ASP.NET用户控件的全部内容,希望对大家熟练掌握用户控件有所帮助。

人气教程排行