代码：

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. Mix 导航

    Mix 导航 一.程序员必备技能 Markdonw 使用 Git 常用命令 二.分析设计 UML 三.其他 博客园代码样式修改

  2. 小波变换-python pywavelets

    # -*- coding: utf-8 -*- import matplotlib.pyplot as plt import numpy as np import pywt from matplotl ...

  3. BZOJ.2054.疯狂的馒头(并查集)

    BZOJ 倒序处理,就是并查集傻题了.. 并查集就是确定下一个未染色位置的,直接跳到那个位置染.然而我越想越麻烦=-= 以为有线性的做法,发现还是要并查集.. 数据随机线段树也能过去. //18400 ...

  4. 匿名函数 javascript

    匿名函数: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...

  5. entOS7查看开放端口命令

    CentOS7的开放关闭查看端口都是用防火墙来控制的,具体命令如下: 查看已经开放的端口: firewall-cmd --list-ports 开启端口 firewall-cmd --zone=/tc ...

  6. oracle基础语句练习

    1. 创建相关表结构 Emp----员工信息表 Ename ), --姓名 Empno ), --编号 Deptno ), --所在部门 Job ), --工种(人员类别),如:manager 经理, ...

  7. 用万能马甲免费看VIP电影

    什么是:万能马甲? 它浏览器的一个扩展程序插件,安装后能看一些热门网址的VIP特权,免费观看付费电影等. 使用过程: 1. 访问网址:http://www.wndd123.com/ 点击免费看电影时提 ...

  8. 【转】Python+opencv利用sobel进行边缘检测（细节讲解）

    #! usr/bin/env python # coding:utf-8 # 2018年7月2日06:48:35 # 2018年7月2日23:11:59 import cv2 import numpy ...

  9. vue的风格指南（强烈推荐）

    1.组件文件 只要有能够拼接文件的构建系统,就把每个组件单独分成文件. 当你需要编辑一个组件或查阅一个组件的用法时,可以更快速的找到它. 2.单文件组件文件的大小写 单文件组件的文件名应该要么始终是单 ...

  10. 微信小程序开发-tabbar组件

    "tabBar": { "backgroundColor": "#303133", "color": "#ff ...