Asp.net自定义控件开发任我行,2-TagPrefix标签

  • 摘要

  前面我们已经做了一个最简单的TextBox的马甲,此篇文章,我们来讲讲自定义控件的标签。大家可能看到了上一篇中拖放进来的代码是

<cc1:TextEdit 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  runat="server">
   
   <!--标签还是没有发生什么变化-->
    <cc1:TextEdit  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  runat="server">   
   <!--标签还是没有发生什么变化-->
    <cc1:TextEdit  runat="server"></cc1:TextEdit> 
     <!--标签已经发生变化-->
    <XYB:TextEdit  runat="server"></XYB:TextEdit>
    </form>
</body>
</html>

现在标签已经什么变化了<XYB:TextEdit 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  runat="server">   
    <!--标签还是没有发生什么变化-->
    <%--<cc1:TextEdit  runat="server"></cc1:TextEdit> --%>
     <!--标签已经发生变化-->
   <%-- <XYB:TextEdit  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  runat="server">   
    <!--标签还是没有发生什么变化-->
    <%--<cc1:TextEdit  runat="server"></cc1:TextEdit> --%>
     <!--标签已经发生变化-->
   <%-- <XYB:TextEdit  runat="server"></XYB:TextEdit>--%>
 

    <XYB:TextEdit  runat="server"></XYB:TextEdit>

    </form>
</body>
</html>

至此,才算是真的大功告成。

  • 下集预告:

  Render呈现控件,并讨论Render,RenderControl,RenderChilden之间的关系