第一章 .Net 控件开发(WebForm) 开发简单自定义控件(1) 自定义控件初始

本文介绍如何创建自定义ASP.NET Web控件,通过继承Control类并重写Render方法来绘制控件界面,包括一个文本输入框和一个提交按钮。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、我们先看下要实现的控件的图(点击“显示”按钮一个消息框)

效果图

2、先建一个类名叫TestControl的类该继承Control

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web.UI;

namespace WebFormControl
{
    public class TestControl:Control
    {
        protected override void Render(HtmlTextWriter writer)
        {

        }
    }
}

3、重写Render方法,看下该方法的说明就知道为何要重写了,这里可能设计到页面的生命周期等只是大家网上搜索下知道

//
        // 摘要:
        //     将服务器控件内容发送到提供的 System.Web.UI.HtmlTextWriter 对象,此对象编写将在客户端呈现的内容。
        //
        // 参数:
        //   writer:
        //     接收服务器控件内容的 System.Web.UI.HtmlTextWriter 对象。
        [TargetedPatchingOptOut("Performance critical to inline this type of method across NGen image boundaries")]
        protected internal virtual void Render(HtmlTextWriter writer);

 

public class TestControl:Control
    {
        protected override void Render(HtmlTextWriter writer)
        {
            writer.Write("<table border=\"1\" cellpadding=\"2\" cellspacing=\"3\">");
            writer.Write("<tr>");
            writer.Write("<td>");
            writer.Write("姓名:");
            writer.Write("</td>");
            writer.Write("<td>");
            writer.Write("<input id=\"Txt_Name\" type=\"text\" name=\"Txt_Name\" />");
            writer.Write("</td>");
            writer.Write("</tr>");
            writer.Write("<tr>");
            writer.Write("<td colspan=\"2\" align=\"center\">");
            writer.Write("<input id=\"Txt_Show\" type=\"submit\" value=\"显示\" name=\"Txt_Show\" />");
            writer.Write("</td>");
            writer.Write("</tr>");
            writer.Write("</table>");
            base.Render(writer);
        }
    }

4、生成控件并将控件添加到工具箱(这里应该都会吧)将控件添加到页面,并运行网页,就是我们开始所说的那个页面,只不过按钮弹出消息框还未实现,这点再后面的章节会讲到,大家查看页面生成的源码就是第3点重写的源码一样,只不过可能布局不美观都是html源码连着的,可以用write.WriteLine方法来替换需要换行的write.Write.

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <cc1:TestControl ID="TestControl1" runat="server">
        </cc1:TestControl>
    </div>
    </form>
</body>
</html>

代码下载地址:点击下载 

本博客内容有些来源于网络或书籍如果侵害到你的权益,请及时联系我(hch458458@vip.qq.com)
版权归nethch所有,转载请注明出处!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值