文章内容

 

本文通过创建一个最简单的服务器控件，演示开发服务器端控件的流程。

文章内容整理自MSDN的编程指南，原文地址在文章末尾的资源中。

本文创建一个简单的服务器控件，名为 RedLabel。 它的使用方式为：

  1.  
    文章内容
  2.  
     
  3.  
    本文通过创建一个最简单的服务器控件，演示开发服务器端控件的流程。
  4.  
     
  5.  
    文章内容整理自MSDN的编程指南，原文地址在文章末尾的资源中。
  6.  
     
  7.  
    本文创建一个简单的服务器控件，名为 RedLabel。 它的使用方式为：

这个标签会将自己的Text属性值以红色的样式输出到页面上。运行结果如图所示：

步骤

新建一个空白解决方案，在此解决方案下新建一个类库项目，名称为MyControl。在类库中新建一个服务器端控件，名称为RedLabel。如图所示：

打开RedLabel类，将整个类的代码修改为：

  1.  
    using System;
  2.  
    using System.Collections.Generic;
  3.  
    using System.ComponentModel;
  4.  
    using System.Text;
  5.  
    using System.Web;
  6.  
    using System.Web.UI;
  7.  
    using System.Web.UI.WebControls;
  8.  
     
  9.  
    namespace MyControl
  10.  
    {
  11.  
    [DefaultProperty("Text")]
  12.  
    [ToolboxData("<{0}:RedLabel runat=server></{0}:RedLabel>")]
  13.  
    public class RedLabel : Label
  14.  
    {
  15.  
    //重写RenderContent函数，输出控件内容
  16.  
    protected override void RenderContents(HtmlTextWriter output)
  17.  
    {
  18.  
    //将自己的Text属性（继承自Label类）值使用红色样式输出
  19.  
    output.Write("<div style='color:red'>" + Text + "</div>");
  20.  
    }
  21.  
    }
  22.  
    }

至此自定义label控件编写完毕。

配置程序集属性

 

1.  打开类库项目下的程序集属性文件：AssemblyInfo.cs，如图所示：

1.  在文件开头添加下面代码：

using System.Web.UI;

2.  在文件末尾添加下面的代码：

 [assembly: TagPrefix("MyControl", "f")]

其中MyControl是命名空间的名称。f是自定义控件的标签前缀。

代码说明

 

如果控件要呈现在客户端浏览器中不可见的元素（如隐藏元素或 meta 元素），则应从 System.Web.UI.Control 派生该控件。 WebControl 类从 Control 派生，并添加了与样式相关的属性，如 Font、ForeColor 和 BackColor。 另外，自定义控件通过重写 RenderContents 方法将文本写入响应流中。

在页面中使用自定义控件

 

要在页面中使用自定义控件，需要事先进行注册，注册的目的是将控件的前缀和命名空间进行映射，这样就能通过标签名找到标签对应的实现类。注册的方式有两种

1.在页面中使用@ Register指令，如以下示例所示：

  1.  
     
  2.  
    <%@ RegisterAssembly="ServerControl" TagPrefix="aspSample” Namespace="ServerControl"%>

2.在 Web.config文件中指定标记前缀/命名空间映射。 如果将在 Web应用程序的多个页中使用自定义控件，则该方法非常有用。 下面的示例显示了一个 Web.config文件，该文件指定了程序集MyControl中命名空间MyControl和标签前缀f的映射。

  1.  
    <?xml version="1.0"?>
  2.  
    <configuration>
  3.  
    <system.web>
  4.  
    <pages>
  5.  
    <controls>
  6.  
    <add tagPrefix="f" Assembly="MyControl"
  7.  
    namespace="MyControl">
  8.  
    </add>
  9.  
    </controls>
  10.  
    </pages>
  11.  
    </system.web>
  12.  
    </configuration>

测试控件

 

在解决方案下新建web项目，在web项目中新建apsx页面，在页面中引入自定义控件（注意，控件前缀需要注册）。比如以下页面：

  1.  
    <%@ Page Language="C#"AutoEventWireup="true"CodeBehind="Default.aspx.cs"Inherits="MyControl.Web._Default" %>
  2.  
    <%@ Register Assembly="MyControl"TagPrefix="f"Namespace="MyControl" %>
  3.  
    <!DOCTYPEhtmlPUBLIC "-//W3C//DTDXHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
     
  5.  
    <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
  6.  
    <headrunatheadrunat="server">
  7.  
    <metahttp-equivmetahttp-equiv="Content-Type"content="text/html; charset=utf-8"/>
  8.  
    <title></title>
  9.  
    </head>
  10.  
    <body>
  11.  
    <formidformid="form1"runat="server">
  12.  
    <div>
  13.  
    <f:RedLabelTextf:RedLabelText="this is a test !"runat="server"></f:RedLabel>
  14.  
    </div>
  15.  
    </form>
  16.  
    </body>
  17.  
    </html>

运行效果

 
 

资源：

MSDN创建服务器控件：http://msdn.microsoft.com/zh-cn/library/yhzc935f(v=vs.100).aspx

ASP.NET 自定义服务器控件的更多相关文章

  1. ASP.NET自定义服务器控件

    本文通过创建一个最简单的服务器控件,演示开发服务器端控件的流程. 文章内容整理自MSDN的编程指南,原文地址在文章末尾的资源中. 本文创建一个简单的服务器控件,名为 RedLabel. 它的使用方式为 ...

  2. (九)ASP.NET自定义用户控件(2)

    http://www.cnblogs.com/SkySoot/archive/2012/09/04/2670678.html 用户控件 在 .NET 里,可以通过两种方式把自己的控件插入到 Web 窗 ...

  3. ASP开发中服务器控件和普通控件的区别

    1.对于服务器按钮控件(即<asp:Button>类型的按钮):服务器响应事件:OnClick客户端响应属性:OnClientClick 2.对于html按钮控件(即<input t ...

  4. 【转】ASP.NET中服务器控件Table动态生成表格及其属性介绍

    下文所有内容转自开源中国:http://www.oschina.net/question/565065_86453#tags_nav ================================= ...

  5. ASP.NET自定义错误页面

    ASP.NET自定义错误页面 ASP.NET 提供三种用于在出现错误时捕获和响应错误的主要方法:Page_Error 事件.Application_Error 事件以及应用程序配置文件 (Web.co ...

  6. 连表查询都用Left Join吧 以Windows服务方式运行.NET Core程序 HTTP和HTTPS的区别 ASP.NET SignalR介绍 asp.net—WebApi跨域 asp.net—自定义轻量级ORM C#之23中设计模式

    连表查询都用Left Join吧   最近看同事的代码,SQL连表查询的时候很多时候用的是Inner Join,而我觉得对我们的业务而言,99.9%都应该使用Left Join(还有0.1%我不知道在 ...

  7. ASP.NET自定义Web服务器控件-DropDownList/Select下拉列表控件

    using System; using System.Collections.Generic; using System.ComponentModel; using System.Linq; usin ...

  8. (八)ASP.NET自定义用户控件（1）

    http://blog.csdn.net/laodao1/article/details/5897366 ASP.NET自定义控件组件开发 第一章:从一个简单的控件谈起 起始开发ASP.NET自定义控 ...

  9. [置顶] ASP.Net中服务器控件的生命周期

    (1)初始化:在此阶段中,主要完成两项工作:一.初始化在传入Web请求生命周期内所需的设置;二.跟踪视图状态.首先,页面框架通过默认方式引发Init事件,并调用OnInit()方法,控件开发人员可以重 ...

随机推荐

  1. Python实例2-逗号代码

    假定有下面这样的列表: spam = ['apples', 'bananas', 'tofu', 'cats'] 编写一个函数,它以一个列表值作为参数,返回一个字符串.该字符串包含所有表项,表项之间以 ...

  2. Ubuntu18上安装Go和GoLand

    第一步骤:安装Go 方式一: 使用 sudo apt-get install golang命令安装 ubuntu软件库里当前golang版本为1.10,(golang最新版为1.11),可满足要求. ...

  3. Vue配置多个跨域目标链接

    参考: https://segmentfault.com/a/1190000016199721 1.通过使用的http-proxy-middleware来实现跨域代理 devServer: { dis ...

  4. [转]8天玩转并行开发——第二天 Task的使用

    在我们了解Task之前,如果我们要使用多核的功能可能就会自己来开线程,然而这种线程模型在.net 4.0之后被一种称为基于 “任务的编程模型”所冲击,因为task会比thread具有更小的性能开销,不 ...

  5. 模板：ST表

    ST表:解决RMQ类问题,预处理$O(nlog_{2}n)$,查询$O(1)$ 较线段树来说每次查询为1,线段树为log,但ST表不方便更改 ST表还用了倍增思想. 模板: struct ST_MAP ...

  6. ROS节点的初始化及退出详解（ros::init、SIGINT、ros::ok、ros::NodeHandle

    https://haoqchen.site/2018/04/28/ROS-node-init/ #include "ros/ros.h" #include <signal.h ...

  7. 位操作(求[a, b] 中二进制位为1的个数最多的数)

    传送门 题意:求区间[a, b]中二进制位为1的个数最多的那个数,如果存在多解,则输出最小的那个.(0 <= a <= b) 关键: 对一个数a可以利用 a | (a + 1) 来将a的二 ...

  8. JS创建和存储 cookie的一些方法

    在js中cookie的操作与存储及清除cookie都与时间有关,我们只要把cookie过期时间进行有效的设置我们就可以控制它的存储了,下面我来给大家总结一下js中cookie的一些使用技巧 创建和存储 ...

  9. 转：IO模型-- 同步和阻塞，异步和非阻塞的区别

    源地址 http://hi.baidu.com/deep_pro/item/db0c581af1c1f17e7b5f2534 这些词之间的区别难倒了很多人,还有什么同步阻塞, 同步非阻塞, 异步阻塞, ...

  10. qml获取实际渲染的字体

    当设置qml的Text元素的字体时,如果系统中不存在设置的字体,qml会根据匹配算法自动选取系统中存在的一种字体.比如:设置font.family: "微软雅黑",但系统中根本没有 ...