您的位置: 首页  >  IT文章  >  (转)简单自定义控件 简单的自定义控件

(转)简单自定义控件 简单的自定义控件

分类: IT文章 • 2022-04-12 12:17:43

(转)简单自定义控件 简单的自定义控件

分类： ASP.NET 2012-12-14 13:53 391人阅读 评论(10) 收藏 举报

1.建一个类库，名字叫CustomerWebControls，添加一个userlogin.cs类，注意，userlogin类需要继承 System.Web.UI.Control代码如下：

[csharp] view plaincopyprint?
  1. using System;  
  2. using System.Collections.Generic;  
  3. using System.Linq;  
  4. using System.Text;  
  5.   
  6. namespace CustomerWebControls  
  7. {  
  8.     /// <summary>   
  9.     /// 自定义的一些控件   
  10.     /// </summary>   
  11.     public class userlogin : System.Web.UI.Control  
  12.     {  
  13.         protected override void Render(System.Web.UI.HtmlTextWriter writer)  
  14.         {  
  15.             StringBuilder strb = new StringBuilder("");  
  16.             strb.Append("<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/" + "/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ");  
  17.             strb.Append(" <html xmlns="http:/" + "/www.w3.org/1999/xhtml" > <head runat="server">");  
  18.             strb.Append("    <title>管理员登录登录</title>  ");  
  19.             strb.Append("       <link href="style/login/base.css" rel="stylesheet" type="text/css" />  ");  
  20.             strb.Append("       <link href="style/login/style.css" rel="stylesheet" type="text/css" />  ");  
  21.             strb.Append("       <style type="text/css" >       body{ background-color:#F2F9FD;}/*#ddd*/         #box .block h2{  background-color:#2275b3;}/*#C66653,#646464*/  ");  
  22.             strb.Append("           .text_field{ height:30px; line-height:30px;  padding-left:5px;}      .left{ line-height:30px;} </style> </head>  ");  
  23.             strb.Append(" <body>");  
  24.             strb.Append(" <div );  
  25.             strb.Append(" <div class="message notice"><p> 请输入正确的用户名和密码</p></div></div><form );  
  26.             strb.Append(" <div class="left"><label class="label right">用户名:</label></div><div class="right"><input type="text" class="text_field"/> ");  
  27.             strb.Append(" </div></div><div class="group wat-cf"><div class="left"><label class="label right">密　码:</label></div> ");  
  28.             strb.Append(" <div class="right"><input type="password" class="text_field"/></div></div><div class="group navform wat-cf"> ");  
  29.             strb.Append(" <div class="right"><button class="button">");  
  30.             strb.Append(" <img src="images/key.png" alt="保存" />登录</button></div></div></form></div></div></div> ");  
  31.             strb.Append(" </body></html> ");  
  32.             writer.Write(strb.ToString());  
  33.   
  34.             base.Render(writer);  
  35.         }  
  36.     }  
  37. }  
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace CustomerWebControls
{
    /// <summary>
    /// 自定义的一些控件
    /// </summary>
    public class userlogin : System.Web.UI.Control
    {
        protected override void Render(System.Web.UI.HtmlTextWriter writer)
        {
            StringBuilder strb = new StringBuilder("");
            strb.Append("<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/" + "/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ");
            strb.Append(" <html xmlns="http:/" + "/www.w3.org/1999/xhtml" >
<head runat="server">");
            strb.Append("    <title>管理员登录登录</title>
 ");
            strb.Append("       <link href="style/login/base.css" rel="stylesheet" type="text/css" />
 ");
            strb.Append("       <link href="style/login/style.css" rel="stylesheet" type="text/css" />
 ");
            strb.Append("       <style type="text/css" >
      body{ background-color:#F2F9FD;}/*#ddd*/ 
       #box .block h2{  background-color:#2275b3;}/*#C66653,#646464*/ 
");
            strb.Append("           .text_field{ height:30px; line-height:30px;  padding-left:5px;}
     .left{ line-height:30px;}
</style>
</head>
 ");
            strb.Append(" <body>");
            strb.Append(" <div );
            strb.Append(" <div class="message notice"><p> 请输入正确的用户名和密码</p></div></div><form );
            strb.Append(" <div class="left"><label class="label right">用户名:</label></div><div class="right"><input type="text" class="text_field"/> ");
            strb.Append(" </div></div><div class="group wat-cf"><div class="left"><label class="label right">密　码:</label></div> ");
            strb.Append(" <div class="right"><input type="password" class="text_field"/></div></div><div class="group navform wat-cf"> ");
            strb.Append(" <div class="right"><button class="button">");
            strb.Append(" <img src="images/key.png" alt="保存" />登录</button></div></div></form></div></div></div> ");
            strb.Append(" </body></html> ");
            writer.Write(strb.ToString());

            base.Render(writer);
        }
    }
}

编译一下，就会在bin目录多一个dll文件，不管它，我们先在同目录的解决方案里面建一个网站MyWebSiteTest

然后引用CustomerWebControls层。好了新建一个页面，这个页面秃溜溜的，就一个页面page标签，因为我们把很多东西封装到登陆框里面了。看代码如下：

[html] view plaincopyprint?
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RenderLoginControl.aspx.cs" Inherits="MyWebSiteTest.admin.RenderLoginControl" %>  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RenderLoginControl.aspx.cs" Inherits="MyWebSiteTest.admin.RenderLoginControl" %>

这个时候把tools工具栏打开，会看到多了一组(转)简单自定义控件 简单的自定义控件

我们把它直接拖到页面上去，这时页面代码就成了

[html] view plaincopyprint?
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RenderLoginControl.aspx.cs" Inherits="MyWebSiteTest.admin.RenderLoginControl" %>  
  2. <%@ Register Assembly="CustomerWebControls" Namespace="CustomerWebControls" TagPrefix="cc1" %>  
  3. <cc1:userlogin ID="Userlogin1" runat="server"></cc1:userlogin>  
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RenderLoginControl.aspx.cs" Inherits="MyWebSiteTest.admin.RenderLoginControl" %>
<%@ Register Assembly="CustomerWebControls" Namespace="CustomerWebControls" TagPrefix="cc1" %>
<cc1:userlogin ID="Userlogin1" runat="server"></cc1:userlogin>

把网站生成以下，浏览该页面看看效果

(转)简单自定义控件 简单的自定义控件

这只是一个简单的例子，这里需要晓得一点。自定义控件一般要重写Render方法。它是

[csharp] view plaincopyprint?
  1. System.Web.UI.Control  
System.Web.UI.Control
的一个方法，该方法将控件在客户端显示之前做一些代码的渲染。

下一节我们做更具体的处理

下面是我的评论

(转)简单自定义控件 简单的自定义控件

引用“wanshutao”的评论：“tools工具栏打开，会看到多了一组”，这个并没有多了一组啊，是不是我记得需要在工具栏里添加啊，希...


有时候是不会显示的，，下面2种方法试试肯定出来：1.把用户控件这一层重新生成一下，然后再打开工具栏；
2.aspx页面切换到视图编辑状态就出来了

Re: 黑手党维多 2013-04-25 09:33发表 [回复] [引用] [举报] [删除]
(转)简单自定义控件 简单的自定义控件
回复Joyhen：我最后用的方法是在工具栏上添加项，然后添加的生成的dll文件，然后工具栏就有了
5楼 黑手党维多 2013-04-23 11:11发表 [回复] [引用] [举报] [删除]
(转)简单自定义控件 简单的自定义控件
而且删除了所有html后，只留下<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RenderLoginControl.aspx.cs" Inherits="MyWebSiteTest.admin.RenderLoginControl" %> ，
添加不进去<cc1:userlogin（就是木有智能感知），后来我试了试<html><body><cc1:userlogin</boty></html>就有智能感知了，可是，自定义控件里是整个html，如果外层再加一个，不就是两层html了吗，希望楼主看一下，谢谢
Re: Joyhen 2013-04-25 08:21发表 [回复] [引用] [举报]
(转)简单自定义控件 简单的自定义控件
回复wanshutao：整块的html这样子输出是不对的，我这么做事不过是起一个开头表明各种aspx控件的原理，都是尽心render渲染输出的，你看完后面就知道

相关推荐