代码：

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(*) 函数；

相关系列文章链接：

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

  1. .Net Core使用视图组件(ViewComponent)封装表单文本框控件

    实例程序的界面效果如下图所示: 在表单中的搜索条件有姓名,学号,成绩.他们在一行中按照水平三等分排列. 在cshtml中用html实现上述表单效果的的代码如下: <form class=&quo ...

  2. ASP.NET中 TextBox 文本输入框控件的使用方法

    TextBox控件又称文本框控件,为用户提供输入文本的功能. 1．属性 TextBox控件的常用属性及说明如表1所示. 表1 TextBox控件常用属性及说明 属性 说明 AutoPostBack 获 ...

  3. 一个类似抖音 APP 拍摄按钮效果的控件

    TouchButton 一个类似抖音 APP 拍摄按钮效果的控件 效果图预览 用法 <net.angrycode.library.TouchButton android:id="@+i ...

  4. 给easyui datebox时间框控件扩展一个清空的实例

    给easyui datebox扩展一个清空的实例 步骤一:拓展插件 /** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; ( ...

  5. C# Winform下一个热插拔的MIS/MRP/ERP框架（通用控件）

    一直对商业控件不感冒, 结合日常工作, 我写了几个常用控件. 一.下拉框控件(仿Access下拉框:F4下拉,自动输入,支持单/多列显示),可在Datagridview中使用. 1.常规: 2.Dat ...

  6. asp.net 简单实现禁用或启用页面中的某一类型的控件

    我们在提交一个表单的时候,可能由于网络或服务器的原因,处理很慢,而用户在处理结果出来之前反复点击按钮提交.这样很容易造成不必要的麻烦甚至是错误.说了这么多,其实就是要实现一个禁用某些控件的一种功能.好 ...

  7. Asp.net自定义单选复选框控件

    将常用的jquery插件封装成控件也是个不错的选择 下面是效果的简单颜色,由于博客系统的限制没法完整演示最终效果,请下载示例查看 Asp.netWeb APIC#Javascript   1.新建类库 ...

  8. Vue3组件（九）Vue + element-Plus + json = 动态渲染的表单控件

    一个成熟的表单 表单表单,你已经长大了,你要学会: 动态渲染 支持单列.双列.多列 支持调整布局 支持表单验证 支持调整排列(显示)顺序 依据组件值显示需要的组件 支持 item 扩展组件 可以自动创 ...

  9. android假设重写onDraw实现一个相似TextView能够显示表情和链接的控件(一)

    先看效果图: 写一个超连接支持的对象: /**作为超连接显示的对象*/ public class LinkInfo implements Comparable<LinkInfo>{ pri ...

随机推荐

  1. 学习随笔:Vue.js与Django交互以及Ajax和axios

    1. Vue.js地址 Staticfile CDN(国内): https://cdn.staticfile.org/vue/2.2.2/vue.min.js unpkg:会保持和npm发布的最新的版 ...

  2. centos6.5使用Google auth进行双因子认证

    1.环境 系统:centos6.5 x86_64 [root@uu ~]# uname -a Linux uu 2.6.32-642.el6.x86_64 #1 SMP Wed Apr 13 00:5 ...

  3. vue插件官方文档，做个记录

    vue的插件,组件都可以按照这种方式添加 官方文档 https://cn.vuejs.org/v2/guide/plugins.html 做个记录用

  4. worknote

    一.变更注意事项 1.部署平台: a.重启服务时,通过部署平台跳到各服务器操作时,注意修改字符编码为en_US.utf-8 b.服务器之间通过部署平台的dscp命令传输文件到目标服务器:如果连接目标服 ...

  5. 如何给网站添加IE浏览器升级提示

    1.在代码编辑器中(如Notepad++)打开网站头部模板 2.使用<!––[if IE]>语句添加升级提示,如: 判断是否IE(包含使用IE内核的浏览器) <!––[if IE]& ...

  6. Dapper 封装oracle底层访问数据库

    如下代码,修改成只支持oracle: using System; using System.Collections.Generic; using System.Data; using System.L ...

  7. 常见的UI框架

    移动端框架 1.Admui 管理系统快速开发框架--http://docs.admui.com/ 为什么选择Admui?代码开源--开放所有源码,不存在任何加密混淆代码,安全全程可控,开箱即用--包含 ...

  8. python从入门到实践-9章类

    #!/user/bin/env python# -*- coding:utf-8 -*- # 类名采用的是驼峰命名法,即将类名中每个单词的首字母大写,而不使用下划线.# 对于每个类,都应紧跟在类定义后 ...

  9. boot+Xss防攻击的处理方案

    以下是boot+Xss防攻击的(解决处理JSON入参)处理方案,第二个亲测有效 https://www.jianshu.com/p/3e4b00b8ff3ahttps://www.jianshu.co ...

  10. C#等同于正则表达式的写法

    不用写正则表达式,用C#自带的方法 用char 自带的函数实现 /// <summary> /// 只能由数字和大小写字母组成 /// </summary> /// <p ...