『Asp.Net 组件』第一个 Asp.Net 服务器组件：自己的文本框控件

代码：

using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DemoWebControl
{
    /// <summary>
    /// 自己的第一个服务器组件 简单的TextBox：直接拼接HTML输出（一种捷径写法，运行速度相对也快）
    /// </summary>
    public class DemoTextBox : WebControl
    {
        protected bool IsDesignMode
        {
            get { return DesignMode || HttpContext.Current == null || Page == null; }
        }
        //改写微软底层 HTML 的拼接方法：但是 很多自定义属性 将自己拼接
        protected override void Render(HtmlTextWriter output)
        {
            output.Write("<input type=\"text\" id=\"" + ClientID + "\" name=\"" + ClientID + 
                "\" class=\"" + CssClass + "\" value=\"第一个TextBox\" />");
        }
    }

    /// <summary>
    /// 自己的第一个服务器组件 简单的TextBox：界面HTML输出基于微软底层的函数
    ///（符合微软的标准写法，功能强大，但速度相对可能慢一些，用 ILSpy 反射 WebControl 的代码就明白了）
    /// </summary>
    public class DemoTextBox2 : WebControl
    {
        public DemoTextBox2() : base(HtmlTextWriterTag.Input) { }
        //没有改写微软底层 HTML 的拼接方法：微软会 帮助 拼接 很多自定义属性（所以说 功能强大）
    }
}

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DemoTextBoxPage.aspx.cs" 
Inherits="AspNetDemo.DemoTextBoxPage" %>
<%@ Register assembly="DemoWebControl" namespace="DemoWebControl" tagprefix="Demo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <style type="text/css">
        .Demo{ border: 1px solid RED; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <Demo:DemoTextBox ID="MyText" CssClass="Demo" runat="server" />
        <Demo:DemoTextBox2 ID="MyText2" CssClass="Demo" type="text" value="文本值" runat="server" />

    </div>
    </form>
</body>
</html>

运行截图：

相关技术点：

微软Asp.Net服务器组件输出成为HTML代码的主要函数是：Render(HtmlTextWriter output)；
如果你反编译 Render(*) 函数的话，你会发现微软的代码特别复杂（保守估计相关执行代码 >1000行，相关for循环 >4个）；
当然，绝不是微软喜欢将简单的事情复杂化，而是为了功能的全面（之前说过，微软很多技术都是功能强大，但是运行效率却靠后的）；
而 DemoTextBox 则基本简化了 Render(*) 的基本功能：你可以自己拼接 HTML；
但是，你也看到了 DemoTextBox 最大弊端：不支持自定义标签属性，不支持 style 属性（想要支持需要自己写）；
当然，事实上我们很多时候简单的功能就行——这个就取决于自定义Asp.Net服务器组件的开发者如何编码 Render(*) 函数；

相关系列文章链接：

posted on 2013-10-06 16:53 InkFx 阅读(411) 评论(0) 编辑收藏举报