Asp.Net控件的客户端命名

2022-06-15 20:09:55 浏览数 (1)

我们在用ASP.NET写出来的网页,用浏览器来查看生成的客户端代码的时候经常看到这样的代码:GridView1_ctl101_WebUserControl1_webuserControlButton,那么这个命名有什么规律,是怎么来的拉?本次我们使用Reflector查看.net的代码研究其中的规律。

我们的ASP.NET服务器端控件在生成客户端控件的时候一般有id 和name两个属性,这两个属性我们在服务器端可以通过ClientID和UniqueID来得到。 以一个Button为例,用Reflector打开System.Web.dll,找到System.Web.UI.WebControls命名空间下面的Button类,我们可以发现该类继承至WebControl类,其实大多数控件都继承至这个类。这个类是继承了System.Web.UI.Control类的,这个类是我们要研究的重点,该类继承至System.Object类,这是所有类的基类,我们就不去研究了,接下来我们来看看Control类。 找到Control类下面的ClientID属性,查看其代码如下:

代码语言:javascript复制
public virtual string ClientID
{
    get
    {
        this.EnsureID();
        string uniqueID = this.UniqueID;
        if ((uniqueID != null) && (uniqueID.IndexOf(this.IdSeparator) >= ))
        {
            return uniqueID.Replace(this.IdSeparator, '_');
        }
        return uniqueID;
    }
}

也就是说ClientID就是将UniqueID中的IdSeparator (其值为:””)替换为”_”。比如我们写一个页面生成出来的代码如下:<input type="submit" name="GridView1WebUserControl1webuserControlButton" value="Button" id="GridView1_ctl101_WebUserControl1_webuserControlButton" />显然name和id的不同就是将其中

代码语言:javascript复制
public virtual string UniqueID
{
    get
    {
        if (this._cachedUniqueID == null)
        {
            Control namingContainer = this.NamingContainer;//获得父控件
            if (namingContainer == null)
            {
                return this._id;
            }
            if (this._id == null)
            {
                this.GenerateAutomaticID();//对控件自动编号
            }
            if (this.Page == namingContainer)//当前控件的父控件是Page则UniqueID就是控件的ID。
            {
                this._cachedUniqueID = this._id;
            }
            else//当前控件父控件是另一种容器控件
            {
                string uniqueIDPrefix = namingContainer.GetUniqueIDPrefix();//取得父控件UniqueID 分隔符($)作为当前控件的UniqueID前缀。
                if (uniqueIDPrefix.Length == )
                {
                    return this._id;
                }
                this._cachedUniqueID = uniqueIDPrefix   this._id;//前缀 ID 作为当前控件的UniqueID
            }
        }
        return this._cachedUniqueID;
    }
}

这段代码中,最重要的就是GenerateAutomaticID()函数和namingContainer.GetUniqueIDPrefix();函数。我们可以跟进去看看函数是如何实现的。

代码语言:javascript复制
private void GenerateAutomaticID()
{
    this.flags.Set(0x200000);
    this._namingContainer.EnsureOccasionalFields();
    int index = this._namingContainer._occasionalFields.NamedControlsID  ;
    if (this.EnableLegacyRendering)
    {
        this._id = "_ctl"   index.ToString(NumberFormatInfo.InvariantInfo);
    }
    else if (index < 0x80)
    {
        this._id = automaticIDs[index];
    }
    else
    {
        this._id = "ctl"   index.ToString(NumberFormatInfo.InvariantInfo);
    }
    this._namingContainer.DirtyNameTable();
}

从这个函数我们可以看出,对于像GridView这种绑定控件,其生成的每一行中的控件名是由ctl 自增的数字组成的。其中数字的格式化是两位数字,也就是说不足两位的时候补零,多出两位就按实际内容算。

代码语言:javascript复制
internal virtual string GetUniqueIDPrefix()
{
    this.EnsureOccasionalFields();
    if (this._occasionalFields.UniqueIDPrefix == null)
    {
        string uniqueID = this.UniqueID;
        if (!string.IsNullOrEmpty(uniqueID))
        {
            this._occasionalFields.UniqueIDPrefix = uniqueID   this.IdSeparator;
        }
        else
        {
            this._occasionalFields.UniqueIDPrefix = string.Empty;
        }
    }
    return this._occasionalFields.UniqueIDPrefix;
}

这个函数返回父控件的UniqueID IdSeparator,如果父控件UniqueID为空,那么就返回空。现在我们再回过头来看看GridView1ctl101WebUserControl1

0 人点赞