asp.net 控件的 ID ，ClientID ,UniqueID 区别

最新推荐文章于 2024-04-19 19:24:46 发布
最新推荐文章于 2024-04-19 19:24:46 发布
阅读量2.4k 收藏 1
点赞数
文章标签： asp.net 服务器 html xhtml javascript 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cb2233/article/details/2489477
版权

对于每一个服务器控件System.Web.UI.Control 都具有 ID，UniqueID，ClientID 三个属性，那么这个三者到底有河关系，在客户端HTML中又是如何对应呈现的呢？
ID：获取或设置分配给服务器控件的编程标识符。
分配给控件的编程标识符。 （可写）

设置服务器控件上的此属性可提供对服务器控件的属性、事件和方法的编程访问。Web 开发人员可以通过在 ASP.NET 服务器控件的开始标记中声明 ID 属性来设置此属性。

如果没有为服务器控件指定该属性（以声明方式或编程方式），则可通过其父控件的 Controls 属性获取对该控件的引用。(见下)

注意 
在此属性中包含空格将导致 ASP.NET 页分析器错误。
UniqueID：获取服务器控件的唯一的、以分层形式限定的标识符。（只读）
服务器控件的完全限定标识符。

此属性与 ID 属性不同，因为 UniqueID 属性包含服务器控件命名容器的标识符。处理页请求时自动生成此标识符。

此属性对于区分包含在其他重复的数据绑定服务器控件中的服务器控件尤其重要。重复控件包括 Repeater、DataList 和 DataGridWeb 服务器控件（或任何在数据绑定时创建的包含重复功能的自定义服务器控件），它们充当其子控件的命名容器。这意味着它为其子控件创建唯一的命名空间，以使它们的 ID 属性值不冲突。
例如，如果将 ASP.NETLabelWeb 服务器控件包含在 Repeater 服务器控件中，并给 Label 控件赋以 MyLabel 的 ID 属性值，给 Repeater 赋以 MyRepeater 的 ID 属性值。如果将 Repeater 数据绑定到具有三个项的 ArrayList 对象，则 Label 服务器控件的每个实例所产生的 UniqueID 属性是 MyRepeater:ctl0:MyLabel、MyRepeater:Ctl1:MyLabel 和 MyRepeater:Ctl2:MyLabel。
ClientID：获取由 ASP.NET 生成的服务器控件标识符。  （只读）
由 ASP.NET 生成的服务器控件标识符。

有时，不能为控件分配唯一的名称。例如，如果 Repeater 控件在它的某个模板中包含一个 Label 控件，则为 Repeater 控件中的各个项呈现该 Label 控件的一个实例。在呈现控件的多个实例时，为防止出现命名冲突，ASP.NET 为页上的各个服务器控件自动生成一个唯一的 ClientID 值。ClientID 值是通过连接控件的 ID 值和它的父控件的 UniqueID 值生成的。如果未指定控件的 ID 值，则使用自动生成的值。生成的 ID 的各个部分以下划线字符 (_) 分隔。

注意 
除了用来分隔 ID 值的是下划线字符而不是 IdSeparator 属性指定的字符以外，为控件生成的 ClientID 值与 UniqueID 值相同。默认情况下，IdSeparator 属性设置为冒号字符 (:)。由于 ClientID 值不包含冒号字符，因此，它可以用于不支持包含冒号的 ID 的 ECMAScript。

ClientID 值经常用于以编程方式访问为客户端脚本中的控件呈现的 HTML 元素。有关详细信息，请参见 ASP.NET 网页中的客户端脚本。
总结：
ID，
这个肯定黑熟悉了，用于server端编程引用控件，没有对应的client值，即不呈现到html中

UniqueID，
asp.net引擎按控件树层次生成的分层形式限定的标志符，连接符默认为 $ （美元符号）【注：MSDN说默认为 :  （冒号），实际是 $ ，可能文档有误吧】，此连接符在asp.net 2.0 中由属性 IdSeparator  指定，在client中呈现为html元素的name属性
此属性主要用来提交（PostBack）客户端数据，如Request.Form[someControl.UnqiueID]

ClientID，
由父控件的UnqiueID连接本身ID而成，但是连接符不一样，默认为  _  （下划线），此连接符在asp.net 2.0 中由属性 ClientIDSeparator  指定，在client中呈现为html元素的id属性，
此属性主要在客户端教本中使用，如 var o = document.getElementById('<% = someControl.ClientID %>');

关于 UniqueID的层次分隔符号，1.x  中为 :（冒号），而 2.0 已实现为 $（美元符），主要原因可能是 javascript 中标识符是允许 $，而不允许 : 的。（当你偷懒的时候，可以在 js 中直接使用表单元素的 name属性应用该表单元素，而不用 document.getElementsByName 或者 document.getElementById，不推荐:)
ASP.NET 使用的回发机制（简单版本）是通过一个原型为 __doPostBack(<ControlUniqueID>, <CommandArgs>) 的 javascript 函数

function  __doPostBack(eventTarget, eventArgument)  {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}


此函数的第一个参数 <ControlUniqueID> 对应引起页面回发控件的客户端 name 属性/服务端 UniqueID 属性，
当用户引发一个事件，如点击按钮，选择列表框的某一项，首先通过 _doPostBack 函数将此值存在隐藏域中，然后提交页面。

在服务器端，ASP.NET 引擎通过 HttpRequest.HttpMethod 确定请求是否为 post 方式，若是，则检索HttpRequest.Request.Form["__EVENTTARGET']， 获取引发回发的控件唯一标识符，并在页面控件集合层次中查找，若找到此控件，则将在适当阶段引发服务器端事件。

另补充控件变化规律如下:

控件名字发生变化是因为 INamingContainer这个接口。这个接口没有任何方法，仅只作为一个标记。ASP.NET维护控件name和id生成的规律是:
NamingContainer爷爷$NamingContainer爸爸$该控件的ID
id则一般将$换为"_"

你把控件直接放到form下，它头顶唯一一个NamingContainer是Page，但是这个是特殊的逻辑，不会生成__Page_控件名，所以就只剩控件名了，于是ID看起来没有变化。

当你把控件放到Repeater中时，Repeater自己被INamingContainer标记，同时，每一次循环，它会把模板内的控件重新生成一遍，同时生成一个RepeaterItem， 把这些根据模板生成的控件加入RepeaterItem的子控件。这个RepeaterItem也是一个NamingContainer. 于是控件中就会带有:

RepeaterID(Data)_RepeaterItemID(ctl + 号码)_控件ID.

不过非runat=server控件因为不由ASP.NET维护, 不会发生变化. UserControl.ascx由于其基类也是一个NamingContainer, 所以如果你把控件放入.ascx, 然后在页面上引用, 则前面又会多一层UserControl的ID.

通过controls集合访问服务器控件：

在VS2005中新建一个.aspx文件，打开HTML页会发现一个原先的声明从
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
变成了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">!
很早以前就称的HTML的接班人XHTML，现在MS终于要将它扶正了..
这样在写HTML代码时就要注意了,
如:
<font>
    <div>
    </font>
    </div>
是无法在Vs2005中的Design模式中正确显示的[很明显的错误，但在HTML可以正常显示].. ,XHTML的语法比HTML严格的

多
而关于XHTML和HTML的区别，如果不是非常明白
http://www.blueidea.com/tech/site/2004/1911.asp
这个文章可以参考一下

Form

Form新添加了几个功能比较有用的是
defaultbutton、defaultfocus关从字面的意思大家就可以理解了以前在ASP.NET中让人头痛的默认提交表单按钮和设

置焦点在ASP.NET 2.0已经提供了，不用象以前那样自己写javascript来控制了
关于焦点在也可以代码中通过 this.SetFocus()来设置了,看得出来ASP.NET2.0是设计是多么的细致。

Header
在代码中可能通过
this.Header.Metadata.Add("taye", "value");
this.Header.Title = "value";
this.Header.LinkedStyleSheets.Add("style.css");
来控制Title,Meta,Style等[好象LinkedStyleSheets只能是text/css???]
this.Header.StyleSheet.RegisterStyle()
方法将一个style内嵌到网页中去.

这样页面几乎所以部分都可以得到控制了
有些人也许会想那<html>和<body>呢
我们先来运行一下面这个代码.

   private void Page_Load(object sender, EventArgs e)
    {
        foreach (Control ctl in Page.Controls)
        {
            Response.Write(ctl.ToString() + "<BR/>");

            LiteralControl lc = ctl as LiteralControl;

            if (lc != null)
            {
                Response.Write(lc.Text);
            }
        }

    }


你将会看到一个正常页的有如下五个控件
System.Web.UI.LiteralControl
System.Web.UI.HtmlControls.HtmlHead
System.Web.UI.LiteralControl
System.Web.UI.HtmlControls.HtmlForm
System.Web.UI.LiteralControl

 

而三个LiteralControl的控件的内容分别为

System.Web.UI.LiteralControl
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

System.Web.UI.LiteralControl
<body>
    
System.Web.UI.LiteralControl
</body>
</html>

 

所以如果你要对body或<!DOCTYPE..>或<html>进行控制那你就找到这相应的控件以后再进行相应的修改吧

只要对
LiteralControl.Text进行修改就可以.

cb2233
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
asp.net 服务器控件的 ID,ClientID,UniqueID 的区别
10-29
asp.net 服务器控件的 ID,ClientID,UniqueID 的区别分析，需要的朋友可以参考下。
服务器端控件三种ID：ID,ClientID和UniqueID
东亮博客
12-02 937
在ASP.NET 的服务器端控件中有三种关于 ID 的属性，即 ID, ClientID 和 UniqueID。ID 表示控件的服务器端编程的标识符，我们写服务器端的代码，就要用到这个 ID, 通过这个 ID 可以在服务器端对服务器端控件的属性、方法和时间进行编程访问。ClientID 表示由服务器端生成的客户端控件的ID, 经常用于在客户端脚本中访问服务器控件所呈现的 HTML 元素。一般情况下
ASP.NET服务器控件的ClientID
yuiku008的专栏
12-10 1329
ASP.NET服务器控件的ClientID 转自http://blog.csdn.net/dreamliner/article/details/2201237 如果创建一个普通的HTML页面（不包含任何ASP.NET服务器控件），那么在创建HTML控件时，你会为它指定一个id属性，在呈现HTML页面时，此控件的id与你编写HTML页面时赋予控件id相同，不会发生变化。 但是如果创建一
跨境网上收款 找PayPal没错(获取Client ID 和 secret)
JoeyBlog
10-13 7869
只需一个PayPal账户，全球1.9亿网购买家触手可得 不管您有没有网站，拥有PayPal账户就能接收全球203个国家和地区买家的付款，而他们可以用最常用的信用卡、借记卡或银行账户等多种方式支付。跨境网上收款就是这么简单。 我什么要使用paypal？  首先国内支付宝，或者微信申请支付太麻烦  需要各种手续 麻烦至极！  为了正在学习支付的或者没有条件去申请支付宝或者微信的账
JS或jQuery获取ASP.NET服务器控件ID的方法
12-08
在ASP.NET中使用js时，js获取DOM元素时，经常获取不到，这是因为获取的方法有误，现在介绍一方法，解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 1.获取服务器端控件在浏览器端生成的标签的id，即...
javascript操作ASP.NET服务器控件
01-02
在ASP.NET中使用js时，js获取DOM元素时，经常获取不到，这是因为获取的方法有误，现在介绍一方法，解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 1.获取服务器端控件在浏览器端生成的标签的id，即...
获取asp.net服务器控件的客户端ID和Name的实现方法
01-02
前几天在做项目的时候，遇到一个问题，想查看Asp.net中服务器控件...以上这篇获取asp.net服务器控件的客户端ID和Name的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
服务器控件的 ID, ClientID 和 UniqueID 属性
weixin_34279246的博客
09-26 115
ASP.NET 的服务器端控件有三种关于 ID 的属性 ID, ClientID 和 UniqueID。ID 表示控件的服务器端编程的标识符，我们写服务器端的代码，就要用到这个 ID, 通过这个 ID 可以在服务器端对服务器端控件的属性、方法和时间进行编程访问。ClientID 表示由服务器端生成的客户端控件的ID,  经常用于在客户端脚本中访问服务器控件所呈现的 HTML 元素。一般情况下与服务...
ASP.NET基于BS结构的实验室预约模型系统
大叔_爱编程 的博客
04-15 1129
本系统主要实现了教师根据实际教学情况预约实验室、查看预约结果，学生查询实验室教学安排，实验室管理员对实验室的管理、用户信息的管理和系统消息发布等功能，同时系统提供了简单友好的用户界面，并通过身份验证机制实现了系统的安全性。考虑到可能出现的教师同时预约实验室的情况，本系统采用了预约时避免冲突、受理时解决冲突的方法，尽最大努力实现实验室资源的优化配置。系统具有网络化、界面友好、操作简单、功能强大、管理方便等优点，能够完全按照用户的需要，稳定、安全快速地运行于校园局域网之上。最后总结了本系统的不足之处，和还有待开
ASP.NET基于WEB的工作计划流程管理系统的设计与实现
大叔_爱编程 的博客
04-19 922
本设计着重解决了三方面的问题：（1）、根据人员的权限实现对工作计划的创建；（2）、根据人员的权限实现对工作完成情况的录入；（3）、根据人员的权限实现对工作的审查。工作计划流程管理系统主要分为工作计划的创建区、工作人员的工作区与工作的审查区三个模块，其中工作区是整个工作计划流程管理系统的核心。 本文共五章，第一章对当前背景与国内外现状进行分析；第二章对数据库技术、面向对象的技术进行简单介绍；第三章对当前单位、企业进行了需求分析并提出解决方案；第四章根据解决方案对系统进行设计；第五章对工作计划流程管理系统进行测
.NET/C#汇总 —— ASP.NET MVC
夜飞鼠的专栏
04-16 1069
这个引擎提供了数据绑定的显示模板。Partial view相当于传统⽹⻚表格中的user controls.它的主要⽬的是为了重复使⽤这些视图，他们⼀般被放在⼀个共享⽂件夹⾥⾯。HTTP是最常⽤的协议。过去的很多年，浏览器是我们使⽤HTTP⽅式公开数据的⾸选客户端。但是⽇新 ⽉异，客户端发展到多种形式。我们需要使⽤HTTP⽅式传递数据给不同的客户端，例如：移动⼿机、 Javascript，Windows应⽤等等。WebAPI是⼀个通过HTTP⽅式公开数据的技术，它跟随REST规则。
ASP.NET MVC企业级程序设计 (接上个作品加了添加)
最新发布
Mr_wangzu的博客
04-19 153
【代码】ASP.NET MVC企业级程序设计 (接上个作品加了添加)
ASP.NET MVC中Filter过滤器的使用
大新软件老杨
04-16 856
1、Action过滤器在ASP.NET MVC中创建MvcApp项目，创建文件夹Filter，然后新建类MyActionFilterAttribute（为了遵循默认的约定，名称以Attribute结尾），继承自ActionFilterAttribute类。ActionFilterAttribute类有如下4个方法。对于过滤器，我们可以把它们加在3个地方，一个是控制器上面（控制器下面的所有Action），一个是Action上面（指定标识的Action），另一个就是全局位置（所有控制器中的Action）。
ASP.NET基于WEB的选课系统
大叔_爱编程 的博客
04-19 390
设计本系统的目的是对选课信息进行管理。学生选课系统维护模块主要完成的是系统管理与维护功能。课题研究过程中，首先对系统管理模块进行了详尽的需求分析，经分析得到系统管理模块主要完成如下的功能：用户基本信息、选课信息的录入,查看,修改,删除等，同时还具有查询各个模块的功能，数据备份，数据还原 ，注销等功能。系统管理模块是整个系统的指挥中心，保证整个系统在校园网上安全有效地运作。之后根据需求提出了系统管理模块的总体设计方案，并据此进行了详细设计和编码实现。系统使用B/S结构设计和开发，系统的编码实现基于VS.NET
ASP.NET基于CS应用程序平台多语种技术应用研究
大叔_爱编程 的博客
04-16 1213
本设计基于Visual Studio.Net集成开发环境，采用SQL Server2000进行数据库后台开发。通过采用数据字典实现应用系统的静态文本转换；通过使用Visual Studio.Net上的默认控件来实现提示信息的多语种转换；采用JavaScript解决报警信息的多语种转换。能够在软件开发工具和开发平台中能够自由进行多语种切换，增强软件开发工具和开发平台的使用性与通用性。本设计采用.NET技术，跨平台性强，运行速度快，用户可以快速、方便的进行操作，达到了预期效果。
ASP.NET多语种网络硬盘系统的设计
大叔_爱编程 的博客
04-10 1189
P.NET 2.0开发语言，利用ASP.NET中的三层结构、B/S模式结构以及ASP.NET网页资源的设计思路，实现了包括文件夹的操作、文件的操作、网页的多语种化三个功能模块；通过文件夹功能模块，可以添加、删除、更改名字、移动、浏览文件夹；通过文件功能模块，可以查看文件属性、上传、下载、更改名字、移动文件；通过系统的多语种化模块，能够自动识别客户端的默认语言并反馈给客户端相应语言的网页。通过应用多语种网络硬盘系统，可以满足不同语种人群共享一个网络硬盘系统的需求，具有一定的应用价值。
asp.net 控件中element.style 在哪
03-27
ASP.NET控件中的element.style可以在客户端脚本中通过控件的ClientID属性来访问。例如，在JavaScript中，可以使用以下代码来访问元素的style属性： var element = document.getElementById('<%= MyControl.ClientID...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值