-
摘要
前面我们已经做了一个最简单的TextBox的马甲,此篇文章,我们来讲讲自定义控件的标签。大家可能看到了上一篇中拖放进来的代码是
<cc1:TextEdit ID="TextEdit1" runat="server"></cc1:TextEdit>,这肯定不是我们想要的结果了,cc1这种标签命名不好,而且给人感觉也“太水了”,现在我们来改进代码
-
修改代码
using System; using System.Text; using System.Web.UI; using System.ComponentModel;//包含组件开发所必须含有的(属性)Attribute; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Collections.Generic; namespace XYB.Controls { [assembly:TagPrefix("XYB.Controls","XYB")]//命名空间+标签名 public class TextEdit:TextBox { } }
其实我们就只加一行代码,我们再来看一下UI层的代码吧
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TextEditUI.aspx.cs" Inherits="XYB.UI.TextEditUI" %> <!--此行代码是自动生成--> <%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="cc1" %> <!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"> <title></title> </head> <body> <form id="form1" runat="server"> <!--标签还是没有发生什么变化--> <cc1:TextEdit ID="TextEdit1" runat="server"></cc1:TextEdit> </form> </body> </html>
我们发现标签还是cc1,我们会看到上面的<%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="cc1" %>
TagPrefix="cc1",我们只需要把TagPrefix="cc1"改成TagPrefix="XYB",现在我们再拖一个控件进来看看
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TextEditUI.aspx.cs" Inherits="XYB.UI.TextEditUI" %> <!--此行代码是自动生成--> <%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="XYB" %> <!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"> <title></title> </head> <body> <form id="form1" runat="server"> <!--标签还是没有发生什么变化--> <cc1:TextEdit ID="TextEdit1" runat="server"></cc1:TextEdit> <!--标签已经发生变化--> <XYB:TextEdit ID="TextEdit2" runat="server"></XYB:TextEdit> </form> </body> </html>
现在标签已经什么变化了<XYB:TextEdit ID="TextEdit2" runat="server"></XYB:TextEdit>。现在总算是变了,但是细想一下,我们还有更好的做法。以后我们把这个类库做大了,里面封装了好多类,难道我们是不是每个页面上都去加一句
[assembly:TagPrefix("XYB.Controls","XYB],<%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="XYB" %>吗?这显然是不科学的,先不说维护起来困难,日后还会遭人鄙视,还是有很多的重复工作的。
-
修改配置文件
我们修改一下web.config文件,在<system.web>节点下面加上如下代码
<pages controlRenderingCompatibilityVersion="4.0" clientIDMode="AutoID">
<controls>
<add namespace="XYB.Controls" assembly="XYB.Controls" tagPrefix="XYB"/>
</controls>
</pages>
我整个配置文件代码如下
<?xml version="1.0" encoding="utf-8"?> <!-- 有关如何配置 ASP.NET 应用程序的详细消息,请访问 http://go.microsoft.com/fwlink/?LinkId=169433 --> <configuration> <system.web> <compilation debug="true" targetFramework="4.0" /> <pages controlRenderingCompatibilityVersion="4.0" clientIDMode="AutoID"> <controls> <add namespace="XYB.Controls" assembly="XYB.Controls" tagPrefix="XYB"/> </controls> </pages> </system.web> </configuration>
现在我们把TextEditUI.aspx之前的拖进来的代码注释掉,或者删掉也行。把TextEdit类中的[assembly:TagPrefix("XYB.Controls","XYB")]代码也删掉。重新生成。
TextEdit.cs代码如下:
using System; using System.Text; using System.Web.UI; using System.ComponentModel;//包含组件开发所必须含有的(属性)Attribute; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; using System.Collections.Generic; namespace XYB.Controls { public class TextEdit:TextBox { } }
HTML代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TextEditUI.aspx.cs" Inherits="XYB.UI.TextEditUI" %> <!--此行代码是自动生成--> <%--<%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="XYB" %>--%> <!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"> <title></title> </head> <body> <form id="form1" runat="server"> <!--标签还是没有发生什么变化--> <%--<cc1:TextEdit ID="TextEdit1" runat="server"></cc1:TextEdit> --%> <!--标签已经发生变化--> <%-- <XYB:TextEdit ID="TextEdit2" runat="server"></XYB:TextEdit>--%> </form> </body> </html>
我们再来拖进一个控件进来,标签还是发生改变
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TextEditUI.aspx.cs" Inherits="XYB.UI.TextEditUI" %> <!--此行代码是自动生成--> <%--<%@ Register Assembly="XYB.Controls" Namespace="XYB.Controls" TagPrefix="XYB" %>--%> <!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"> <title></title> </head> <body> <form id="form1" runat="server"> <!--标签还是没有发生什么变化--> <%--<cc1:TextEdit ID="TextEdit1" runat="server"></cc1:TextEdit> --%> <!--标签已经发生变化--> <%-- <XYB:TextEdit ID="TextEdit2" runat="server"></XYB:TextEdit>--%> <XYB:TextEdit ID="TextEdit1" runat="server"></XYB:TextEdit> </form> </body> </html>
至此,才算是真的大功告成。
-
下集预告:
Render呈现控件,并讨论Render,RenderControl,RenderChilden之间的关系