自定义Web控件学习
前几天在上课时，感觉很无聊，突然想起以前做过的学院官方网站的banner其实可以做成自定义控件引用到页面上的，于是翻开SDK文档看例子，学习写一下。
文档上的例子是一个date的例子，其实就是用HtmlTextWriter 里的 Write()方法把页面元素描述出来。下面是代码（CustomControlDate.cs）：
using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;
namespace CustomConstrols
{
/// <summary>
/// DateCustomControlDate 的摘要说明。
/// </summary>
[DefaultProperty("Message"),
ToolboxData("<{0}:CustomControlDate runat=server></{0}:CustomControlDate>")]
public class CustomControlDate : Control
{
private string message = "您好!";
[Bindable(true),
Category("Appearance"),
DefaultValue("")]
public string Message
{
get
{
return message;
}
set
{
message = value;
}
}
/// <summary>
/// 将此控件呈现给指定的输出参数。
/// </summary>
/// <param name="output"> 要写出到的 HTML 编写器 </param>
protected override void Render(HtmlTextWriter writer)
{
writer.Write("<font> "
+ this.Message + "<br>" + "The time on the server is " + System.DateTime.Now.ToLongTimeString()
+ "</font>");
}
}
}
--------------------------------------------------------------------------------
标记蓝色的代码段是定义在使用此控件时的标签写法<{0}:CustomControlDate runat=server>,在Register.aspx里是这样引用的
还有一点要注意的是在Register.aspx 的头引用里要如下写，注意引用的文件。
<%@ Page language="c#" Codebehind="Register.aspx.cs" AutoEventWireup="false" Inherits="Register.Register" %>
<%@ Register TagPrefix="Custom" Namespace="CustomConstrols" Assembly = "CustomConstrols" %>
<%@ Page language="c#" Codebehind="Register.aspx.cs" AutoEventWireup="false" Inherits="Register.Register" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form method="post" runat="server">
Here is a custom ASP.NET server control.
<br>
<br>
<Custom:CustomControlDate Message="This control tells time. " runat="server" ID="CustomControlDate" />
<FONT face="宋体"></FONT>
</form>
</body>
</HTML>
---------------------------------------------------------------------------------
(Resister.aspx.cs)
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace Register
{
/// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class Register : System.Web.UI.Page
{
protected CustomConstrols.CustomControlDate CustomControlDate;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
}
Web 窗体设计器生成的代码
}
}
-----------------------------------------------------------------------------------
在解决方案CustomConstrols里先写好控件,然后再建Register项目,引用控件后就可以在Resgister.aspx里使用.
文档上的例子是一个date的例子，其实就是用HtmlTextWriter 里的 Write()方法把页面元素描述出来。下面是代码（CustomControlDate.cs）：
using System;using System.Web.UI;using System.Web.UI.WebControls;using System.ComponentModel;namespace CustomConstrols{
/// <summary> /// DateCustomControlDate 的摘要说明。 /// </summary> [DefaultProperty("Message"), ToolboxData("<{0}:CustomControlDate runat=server></{0}:CustomControlDate>")] public class CustomControlDate : Control { private string message = "您好!"; [Bindable(true), Category("Appearance"), DefaultValue("")] public string Message { get { return message; } set { message = value; } } /// <summary> /// 将此控件呈现给指定的输出参数。 /// </summary> /// <param name="output"> 要写出到的 HTML 编写器 </param> protected override void Render(HtmlTextWriter writer) { writer.Write("<font> " + this.Message + "<br>" + "The time on the server is " + System.DateTime.Now.ToLongTimeString() + "</font>"); } }}--------------------------------------------------------------------------------
标记蓝色的代码段是定义在使用此控件时的标签写法<{0}:CustomControlDate runat=server>,在Register.aspx里是这样引用的
还有一点要注意的是在Register.aspx 的头引用里要如下写，注意引用的文件。
<%@ Page language="c#" Codebehind="Register.aspx.cs" AutoEventWireup="false" Inherits="Register.Register" %>
<%@ Register TagPrefix="Custom" Namespace="CustomConstrols" Assembly = "CustomConstrols" %><%@ Page language="c#" Codebehind="Register.aspx.cs" AutoEventWireup="false" Inherits="Register.Register" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" ><HTML> <HEAD> <title>WebForm1</title> <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1"> <meta name="CODE_LANGUAGE" Content="C#"> <meta name="vs_defaultClientScript" content="JavaScript"> <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"> </HEAD> <body MS_POSITIONING="GridLayout"> <form method="post" runat="server"> Here is a custom ASP.NET server control. <br> <br> <Custom:CustomControlDate Message="This control tells time. " runat="server" ID="CustomControlDate" /> <FONT face="宋体"></FONT> </form> </body></HTML>---------------------------------------------------------------------------------
(Resister.aspx.cs)
using System;using System.Collections;using System.ComponentModel;using System.Data;using System.Drawing;using System.Web;using System.Web.SessionState;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.HtmlControls;namespace Register{ /// <summary> /// WebForm1 的摘要说明。 /// </summary> public class Register : System.Web.UI.Page { protected CustomConstrols.CustomControlDate CustomControlDate; private void Page_Load(object sender, System.EventArgs e) { // 在此处放置用户代码以初始化页面 } Web 窗体设计器生成的代码 }}-----------------------------------------------------------------------------------
在解决方案CustomConstrols里先写好控件,然后再建Register项目,引用控件后就可以在Resgister.aspx里使用.
电视机9号，此文章在用于非商业性质的情况下，可以任意复制，传阅。
分类:
．ＮＥＴ
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架