代码：

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. apache设置跨域请求

    <VirtualHost *:8888> DocumentRoot D:/xampp/htdocs/bss/ ServerName ims.drcloud.cn ErrorLog &quo ...

  2. Selenium 实现 Web 自动化的原理 （软件测试52讲学习笔记）

    Selenium 1.0 的工作原理 Selenium 1.0,又称Selenium RC ,RC是Remote Control的缩写.Selenium RC利用的原理:JavaScript代码可以方 ...

  3. Java 将键盘中的输入保存到数组

    import java.util.Scanner; import java.util.InputMismatchException; public class saveInputToArr { pub ...

  4. SpringBoot报错：nested exception is org.apache.ibatis.executor.ExecutorException: No constructor found in com.tuyrk.test.User matching [java.lang.Long, java.lang.String, java.lang.String]

    错误提示: Caused by: org.apache.ibatis.executor.ExecutorException: No constructor found in com.tuyrk._16 ...

  5. SpringBoot报错：Failed to load ApplicationContext(Mapped Statements collection already contains value)

    错误提示: Caused by: java.lang.IllegalArgumentException: Mapped Statements collection already contains v ...

  6. [LeetCode] Find And Replace in String 在字符串中查找和替换

    To some string S, we will perform some replacement operations that replace groups of letters with ne ...

  7. CSS-单位em 和 rem

    1,em单位(css3新增单位) em:就是一种长度单位,它是参照当前元素的字号,如果没有设置,就参照父容器,一直到浏览器的默认字号大小 em 是相对长度单位(参照父元素),其参照当前元素字号大小,如 ...

  8. python多版本管理工具（pyenv）

    在学习和利用python开发的很多情况下,需要多版本的Python并存.此时需要在系统中安装多个Python,但又不能影响系统自带的 Python.pyenv 就是这样一个 Python 版本管理器. ...

  9. laravel 邮件配置

    .env的配置 MAIL_DRIVER=smtpMAIL_HOST=smtp.163.comMAIL_PORT=465MAIL_USERNAME=你的163邮箱地址MAIL_PASSWORD=你的16 ...

  10. Springboot 拦截器 依赖注入失败

    解决方案2种. ====1 https://blog.csdn.net/shunhua19881987/article/details/78084679 ====2 https://www.cnblo ...