zoukankan      html  css  js  c++  java

  • (转)简单自定义控件

    简单的自定义控件

    分类： 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" id="overridestyle">       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 id="box"><div style="height:129px;"></div><div class="block" id="block-login"><h2>管理员登录</h2><div class="content login"><div class="flash"> ");  
    25.             strb.Append(" <div class="message notice"><p> 请输入正确的用户名和密码</p></div></div><form id="form1" class="form login" action="###"><div class="group wat-cf"> ");  
    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" id="overridestyle">
      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 id="box"><div style="height:129px;"></div><div class="block" id="block-login"><h2>管理员登录</h2><div class="content login"><div class="flash"> ");
            strb.Append(" <div class="message notice"><p> 请输入正确的用户名和密码</p></div></div><form id="form1" class="form login" action="###"><div class="group wat-cf"> ");
            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渲染输出的，你看完后面就知道
  • 相关阅读:
    java 线程之间的协作 wait()与notifyAll()
    加密web.config中的邮件配置mailSettings
    TCP编程，Socket通讯
    jQuery插件学习笔记
    抹掉Scala的糖衣(14) -- Update Method
    UVA 12034 Race （递推神马的）
    struts2 命名空间 namespace 学习
    Vim -&gt; 移动光标
    【跟我一步一步学Struts2】——Struts2工作流程
    Python中sort以及sorted函数初探
  • 原文地址：https://www.cnblogs.com/wanshutao/p/3632596.html
Copyright © 2011-2022 走看看