ASP.NET用户控件说明和添加事件

最新推荐文章于 2019-05-25 13:45:13 发布
最新推荐文章于 2019-05-25 13:45:13 发布
阅读量472 收藏
点赞数
文章标签： asp.net server textbox login asp html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wangyexia/article/details/5732029
版权

ASP.NET用户控件说明和添加事件

文章分类:.net编程

在WEB开发中经常有一些代码是在很多地方重复出现的，象导航栏、用户登录/注册和首页上面的一些固定栏目等。这些可重用的代码我们可以把它写成一个通用模块供需要的地方来引用，这样做即节省了开发时间还方便以后的维护。
在ASP.NET的web编程中提供了一种叫做“用户控件”可以帮助我们完成这种做法，其文件扩展名是“.ascx”，由于ascx文件是用来插入ASPX页面中使用的，而一个ASPX窗体只能包含一个<form>标志，所以ascx用户控件不能包含<form></form>标志。

1、下面使用一个经典入门范例来创建一个简单的用户控件:
Java代码 复制代码
  1. Hello.ascx   
  2.  <html>   
  3.     <body>   
  4.       <h1>经典入门范例</h1><hr>   
  5.       <h3>Hello Word</h3>   
  6.     </body>   
  7.   </html>  
Hello.ascx
 <html>
    <body>
      <h1>经典入门范例</h1><hr>
      <h3>Hello Word</h3>
    </body>
  </html>

把这段代码保存为Hello.ascx文件，然后在ASPX页面上调用，具体调用如下：
Java代码 复制代码
  1. Hello.aspx     
  2. <%@Register TagPrefix=”wen” TagName=”Hello” src=”Hello.ascx”%>   
  3. <html>   
  4. <body>   
  5.  <form id=frm runat=server>   
  6.    <wen:Hello ID=MyHello runat=server>   
  7.  </form>   
  8. </body>   
  9. </html>  
Hello.aspx  
<%@Register TagPrefix=”wen” TagName=”Hello” src=”Hello.ascx”%>
<html>
<body>
 <form id=frm runat=server>
   <wen:Hello ID=MyHello runat=server>
 </form>
</body>
</html>

在IE浏览器的地址里输入 http://localhost/Hello.aspx运行，将在页面上打印出字符串“Hello word”。

代码说明：1）指令@Register定义了用户控件文件的标签名“Hello”和标签前缀名”wen；”
                    2）src属性是连接到用户控件的相关的文件名；
         3）<wen:Hello ID=MyHello runat=server>这一句是在ASPX窗体中调用用户控件Hello.ascx的语句。

～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～

2、以下的演示代码给控件添加属性
下面我们举一个用户登录的文件，把它写成用户控件，在向其中添加UserName和PassWord这两个属性。
向用户控件添加属性很简单，只要在ascx文件中的<script></script>块中定义就行了。 至此，我们已经给UserLogin.ascx文件添加了UserName和PassWord这两个属性了，以下DEMO演示如何在ASPX页面上引用这两个属性。

Java代码 复制代码
  1. UserLogin.ascx     
  2. <html>   
  3. <title>用户登录</title>   
  4. <body>   
  5.  <table>   
  6.     <tr>   
  7.       <td>用户名：</td>   
  8.       <td><asp:TextBox ID=”txt1” runat=”server”></td>   
  9.     </tr>   
  10. <tr>   
  11.  <td>密  码：</td>   
  12.  <td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>   
  13. </tr>   
  14. <hr>   
  15. <tr>   
  16.  <td></td>   
  17.  <td><asp:LinkButton Text=”登陆” runat=”server”></td>   
  18. </tr>   
  19. </table>   
  20. </body>   
  21. </html>   
  22. <script language=”C#” runat=”server”>   
  23.  public string UserName{   
  24.    get{return txt1.Text;}   
  25.    set{txt1.Text=value;}   
  26. }   
  27.  public string PassWord{   
  28.    get{return txt2.Text;}   
  29.    set{txt2.Text=value;}   
  30. }   
  31. </script>   
  32.    
UserLogin.ascx  
<html>
<title>用户登录</title>
<body>
 <table>
    <tr>
      <td>用户名：</td>
      <td><asp:TextBox ID=”txt1” runat=”server”></td>
    </tr>
<tr>
 <td>密  码：</td>
 <td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>
</tr>
<hr>
<tr>
 <td></td>
 <td><asp:LinkButton Text=”登陆” runat=”server”></td>
</tr>
</table>
</body>
</html>
<script language=”C#” runat=”server”>
 public string UserName{
   get{return txt1.Text;}
   set{txt1.Text=value;}
}
 public string PassWord{
   get{return txt2.Text;}
   set{txt2.Text=value;}
}
</script>

Java代码 复制代码
  1. UserLogin.aspx   
  2. <%@Register TagPrefix=”wen” TagName=”UserLogin” src=” UserLogin.ascx” %>   
  3. <html>   
  4. <title>引用属性</title>   
  5. <body>   
  6.  <form runat=”server”>   
  7.     <wen: UserLogin ID=”MyLogin” runat=”server”>   
  8.  </form>   
  9.   用户名：<asp:Label ID=”Lab1” runat=”server”/><br>   
  10.   密  码：<asp:Label ID=”Lab2” runat=”server”/><br>   
  11. </body>   
  12. </html>   
  13. <script language=”C#” runat=”server”>   
  14. void Page_Load(Object sender,EventArgs e){   
  15.  if(IsPostBack){   
  16.     Lab1.Text=MyLogin.UserName;   
  17.     Lab2.Text=MyLogin.PassWord;   
  18. }   
  19. }   
  20. </script>   
  21.    
UserLogin.aspx
<%@Register TagPrefix=”wen” TagName=”UserLogin” src=” UserLogin.ascx” %>
<html>
<title>引用属性</title>
<body>
 <form runat=”server”>
    <wen: UserLogin ID=”MyLogin” runat=”server”>
 </form>
  用户名：<asp:Label ID=”Lab1” runat=”server”/><br>
  密  码：<asp:Label ID=”Lab2” runat=”server”/><br>
</body>
</html>
<script language=”C#” runat=”server”>
void Page_Load(Object sender,EventArgs e){
 if(IsPostBack){
    Lab1.Text=MyLogin.UserName;
    Lab2.Text=MyLogin.PassWord;
}
}
</script>

3、以下的演示代码给控件添加事件
在上面我们定义了一个用户登录的用户控件UserLogin.ascx 文件，里面包含了一个LinkButton服务器按钮控件，当用户单击该按钮时服务器端会自动生成一个回发来激发Page.Load事件。除了服务器自动产生回发来激发Page.Load事件外，我们可以给LinkButton添加一个它自己的事件，添加事件其实也很简单，通过在<script></script>块中声明事件，然后把该事件添加到用户控件中。
我们现在通过以下的例子来说明如何在UserLogin.ascx用户控件中添加事件。 
Java代码 复制代码
  1. UserLogin.ascx     
  2. <html>   
  3. <title>用户登录</title>   
  4. <body>   
  5.  <table>   
  6.     <tr>   
  7.       <td>用户名：</td>   
  8.       <td><asp:TextBox ID=”txt1” runat=”server”></td>   
  9.     </tr>   
  10. <tr>   
  11.  <td>密  码：</td>   
  12.  <td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>   
  13. </tr>   
  14. <hr>   
  15. <tr>   
  16.  <td></td>   
  17.  <td><asp:LinkButton Text=”登陆” OnClick=”MyOnClick” runat=”server”></td>   
  18. </tr>   
  19. </table>   
  20. </body>   
  21. </html>   
  22. <script language=”C#” runat=”server”>   
  23.  public string UserName{   
  24.    get{return txt1.Text;}   
  25.    set{txt1.Text=value;}   
  26. }   
  27.  public string PassWord{   
  28.    get{return txt2.Text;}   
  29.    set{txt2.Text=value;}   
  30. }   
  31. public event Eventhandler Login; //添加事件句柄    
  32.           void MyOnClick(Object Sender,EventArgs e){    
  33.              if(Login != null)    
  34.                 Login(this,new EventArgs()); //激活Login事件    
  35.         }    
  36.     </script>   
  37.    
UserLogin.ascx  
<html>
<title>用户登录</title>
<body>
 <table>
    <tr>
      <td>用户名：</td>
      <td><asp:TextBox ID=”txt1” runat=”server”></td>
    </tr>
<tr>
 <td>密  码：</td>
 <td><asp:TextBox ID=”txt2” TextMode=”password” runat=”server”></td>
</tr>
<hr>
<tr>
 <td></td>
 <td><asp:LinkButton Text=”登陆” OnClick=”MyOnClick” runat=”server”></td>
</tr>
</table>
</body>
</html>
<script language=”C#” runat=”server”>
 public string UserName{
   get{return txt1.Text;}
   set{txt1.Text=value;}
}
 public string PassWord{
   get{return txt2.Text;}
   set{txt2.Text=value;}
}
public event Eventhandler Login; //添加事件句柄 
          void MyOnClick(Object Sender,EventArgs e){ 
             if(Login != null) 
                Login(this,new EventArgs()); //激活Login事件 
        } 
    </script>

在ASPX页面中使用自定义事件：
Java代码 复制代码
  1. <%@Register TagPrefix=”wen” TagName=”UserEvent” src=” UserLogin.ascx”%>     
  2. <html>   
  3. <body>   
  4.  <form runat=server>   
  5.    <wen:UserEvent ID=”MyLogin” OnLogin=”OnLoginPress” runat=”server”>   
  6.  </form>   
  7.  <asp:Label ID=”Lab1” runat=”server”/><br>   
  8.  <asp:Label ID=”Lab2” runat=”server”/><br>   
  9. </body>   
  10. </html>   
  11. <script Language=”C#” runat=”server”>   
  12. void OnLoginPress(Object Render, EventArgs e){   
  13.  Lab1.Text=MyLogin.UserName;   
  14.  Lab2.Text=MyLogin.PassWord;   
  15. }   
  16. </script>   
  17.    
<%@Register TagPrefix=”wen” TagName=”UserEvent” src=” UserLogin.ascx”%>  
<html>
<body>
 <form runat=server>
   <wen:UserEvent ID=”MyLogin” OnLogin=”OnLoginPress” runat=”server”>
 </form>
 <asp:Label ID=”Lab1” runat=”server”/><br>
 <asp:Label ID=”Lab2” runat=”server”/><br>
</body>
</html>
<script Language=”C#” runat=”server”>
void OnLoginPress(Object Render, EventArgs e){
 Lab1.Text=MyLogin.UserName;
 Lab2.Text=MyLogin.PassWord;
}
</script>

说明：这里的OnLogin事件是我们给用户控件UserLogin.ascx文件添加的事件。
Bonnie
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Asp.Net为用户控件添加属性和事件
05-06
Asp.Net为用户控件添加属性和事件,网上搜集来的,希望对大家有用
为asp.net中的Web用户控件添加属性和事件
04-02 4980
为asp.net中的Web用户控件添加属性和事件作者：郑佐 2004-04-02                 在90年代初，Microsoft为Web程序员提供的 Active Server Pages(ASP)革命性地改变了Web的编程。它可以利用十分易用的模型在Web服务器上动态生成HTML，并且很容易的实现了对数据库的访问，就当时来说，这是一项多么吸引人的技术，包括现在Internet上
ASP.NET用户控件事件的定义和实践
weixin_34167043的博客
06-26 118
假定用户控件(UserControl.ascx)中包含按钮控件  AButton，希望实现按  Button  按钮时，包含该用户控件的页面可以接收到事件。 UserControl.ascx.cs  中的处理： 1. 定义  public  的事件委托，如  ClickEventHandler; 2. 在  UserControl  类中声明事件，如  Click; 3. 在  UserCont...
Asp.net控件开发(九)之复合控件(3)事件机制
weixin_34199335的博客
11-05 79
前言： 前面讲到了复合控件的视图，今天将进入其复合控件的事件机制世界 本节将讲述： 为什么要事件冒泡(事件上传) 什么是复合控件事件冒泡(事件上传) 复合控件事件的实现原理 实现事件冒泡(事件上传)的步骤。 正文： (一)为什么要事件上传        复合控件中包含子控件，这就使得复合控件的事件处理变得复杂起来。显而易见，...
[ASP.NET学习笔记] 控件事件
cswpk的专栏
12-02 433
大多数的ASP.NET控件支持一个或多个事件,例如ASP.NET Button控件支持Click事件.当在浏览器上点击Button按钮时Click事件将在服务器端上引发. C#: protected void btnTest_Click(object sender, EventArgs e) { lblShowMessage.Text = "我在服务器端执行了！
ASP.NET动态添加用户控件的方法
10-23
在ASP.NET开发中，动态添加用户控件是一种常见的需求，特别是在需要根据用户交互或服务器端逻辑灵活地构建页面内容时。本篇文章将详细介绍如何在ASP.NET中动态添加用户控件，以及实现这一功能的关键步骤。 首先，...
ASP.NET 页面中加添加用户控件的写法
01-02
一：在页面前台中添加注册控件 代码如下: <%@ Register Src=”~/Controls/IndexTop.ascx” TagName... 您可能感兴趣的文章:ASP.NET笔记之页面跳转、调试、form表单、viewstate、cookie的使用说明ASP.net实现页面
ASP.NET用户控件如何使用
01-20
3、用户控件不能做为独立文件运行，必须创建ASP.net页面，后添加。 4、在用户控件上可以使用相同的XHTML元素和Web服务器控件。例如，Button可以放到用户控件中，并创建按钮的事件处理。 创建用户控件 在vs中新建项中...
ASP.NET 用户控件的使用介绍
01-02
页面上访问用户控件中的数据：  方法一： 使用用户控件的FindControl方法，找到用户控件中的控件，...方法二： 为用户控件添加事件，在页面中处理事件，进而实现在控件中访问页面中的控件 您可能感兴趣的文章:A
asp.net用户控件事件处理
liuyilidan的专栏
07-14 249
<br />用户控件cs代码<br />using System;<br />using System.Collections.Generic;<br />using System.Linq;<br />using System.Web;<br />using System.Web.UI;<br />using System.Web.UI.WebControls;<br />using System.Data;<br />namespace WebTest<br />{<br />    public pa
asp.net 自定义用户控件 事件
04-10
asp.net 自定义用户控件 事件，需要的下吧。
asp.net中如何给按钮添加事件
xzr2004(只有偏执狂才能生存)的专栏
02-27 6202
 ButtonType obj = (ButtonType) e.Row.Cells[commandFieldIndex].Controls[controlIndex];ButtonType是被CommandField使用的一种按钮类型，可以是Button，LinkButton，或者ImageButton。默认情况下，CommandField使用LinkButton，但也可以通过Command
Asp.net中服务端控件事件是如何触发的?
极客神殿
05-25 558
初学ASP.NET的时候，曾被各种控件的强大功能所折服。当然，也很容易被搞晕，仅仅记住那些控件的名字都不是一件简单的事儿，何况还有那么多的属性、事件、功能、配置步骤…哈哈。后来越发觉得这些东西确实没啥价值，在企业级开发中很少用到。 写本文的目的并不是要“贬低”或者刻意“排斥”webform中的服务端控件，这里对其优劣也不做过多的讨论。 不过有情提示初学者：其实很多控件的用法都差不多，掌握一种后，再...
ASP.NET开发：在用户控件中添加事件
lihaiyin的专栏
11-27 503
 在《ASP.NET开发：在用户控件中添加属性》这一篇文章中我们定义了一个用户登录的用户控件UserLogin.ascx 文件，里面包含了一个LinkButton服务器按钮控件，当用户单击该按钮时服务器端会自动生成一个回发来激发Page.Load事件。除了服务器自动产生回发来激发Page.Load事件外，我们可以给LinkButton添加一个它自己的事件，添加事件其实也很简单，通过在块中声明事件，
ASP.NET中如何为用户控件自定义事件？
ETZRP的专栏
01-06 5049
先建立一个用户控件吧，这里就用一个简单登录用户控件来做演示。 先来看看用户控件的前台代码(LogInOutControl.ascx文件)：%@ Control Language="c#" AutoEventWireup="false" Codebehind="LogInOutControl.ascx.cs" Inherits="ZZ.LogInOutControl" TargetSchema="h
动态添加ASP.NET控件并绑定处理事件一例
坚持,才是力量.老实做人,踏实做事.
01-15 1459
动态添加ASP.NET控件并绑定处理事件一例   1private void Page_Load(object sender, System.EventArgs e)  2    {  3      Control c3 = ParseControl("");  4      Control c4 = ParseControl("");  5      PlaceHolder2.Control
asp.net中给用户控件添加自定义事件
weixin_33849942的博客
01-21 100
asp.net中给用户控件添加自定义事件   用户控件中定义好代理和事件：     public delegate void ItemSavedDelegate(object sender, EventArgs e); ...
ASP.NET 2.0 服务器控件C#
09-13
ASP.NET 2.0 服务器控件C是一个用于构建动态网页的强大工具。它提供了一种简单而又高效的方式来创建交互式和动态的网页内容，使得开发人员可以轻松地构建出各种复杂的网站应用程序。该控件库在.NET框架下运行，并且...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值