我们知道一个ASP.NET服务器控件有三个ID,即:ID,ClientID和UniqueID。
ID为服务器控件的服务器标示,在服务器代码中通过ID来唯一区分服务器控件(因此在同一个页面中ID必须唯一);
ClientID是服务器控件在转化成HTML元素之后在客户端的ID,为了防止出现命名冲突,ASP.NET 为页上的各个服务器控件自动生成一个唯一的 ClientID 值。ClientID值是通过连接控件的ID值和它的父控件的UniqueID 值生成的。生成的 ID 的各个部分以下划线字符 (_) 分隔;
UniqueID是服务器控件的唯一的、以分层形式限定的标识符,它也是服务器控件转化成HTML元素之后在客户端的name标识。
有时候我们要在客户端使用Javascript通过HTML元素的id来操作HTML元素,如果服务器控件在数据绑定控件中,那么它最终对应的HTML元素的id和我们平常使用的大不一样,这使我们操作起来很不方便,特别是我们在用javascript实现数据的全选反选时不方便,因为在操作单个控件时我们还可以按如下方式编写javascript代码:
<script type="text/javascript"><!--
function DoSomething(){
alert('<%= Control.ClientID %>');
}
--></script>
而在ASP.NET中提供了对服务器控件的对应的HTML元素的id的控制更强了,增加了ClientIDMode属性来控制。下面是一个展示ClientIDMode属性用法的例子,在服务端编码如下:
<asp:GridView ID="gvUserList" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="UserId_AutoId">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="AutoID"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="UserId_Static">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="Static"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="UserId_Predictable">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="Predictable"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
如果我们进行数据绑定之后再查看生成的HTML源代码,会看到类似的部分:
<table cellspacing="0" rules="all" border="1" id="MainContent_gvUserList" style="border-collapse:collapse;" mce_style="border-collapse:collapse;">
<tr>
<th scope="col">UserId_AutoId</th><th scope="col">UserId_Static</th><th scope="col">UserId_Predictable</th>
</tr>
<tr>
<td><span id="ctl00_MainContent_gvUserList_ctl02_lb1">136</span></td>
<td><span id="lb1">136</span></td>
<td><span id="MainContent_gvUserList_lb1_0">136</span></td>
</tr>
....
</table>
ClientIDMode="AutoID" 时控件的客户端ID和我们在早期的ASP.NET没有什么区别;
ClientIDMode="Static"时控件的客户端ID不会发生变化;
ClientIDMode="Predictable"时控件的客户端ID中还带有数据行标识
(如:id="MainContent_gvUserList_lb1_0"中的“0”即标识在数据源中的位置为0,即第一条记录)。
通过指定ClientIDMode属性可以让我们很方便控制服务器端控件最终生成的HTML元素的ID,这一点也是相当方便的。
源地址:http://blog.csdn.net/zhoufoxcn/archive/2010/05/17/5599115.aspx#
分享到:
相关推荐
ASP.NET 4.0 网站开发与项目实战 光盘 包括PPT和Sample,不包括视频教程
C#语法知识、C#的面向对象特性、ASP.NET数据绑定技术、高级数据绑定控件、缓存和异步访问、LINQ语言集成查询、成员管理技术、自定义成员提供者...自定义服务器控件、在ASP.NET中动态绘图、通用权限管理系统、网上书店等...
Asp.net 4.0 实用教程,现学现用
ASP.NET 4.0技术概述、ASP.NET程序的编译模型、将ASP.NET程序开发服务器Port固定的技巧、C# 4.0语言新功能、对象初始化程序、LINQ架构概述、LINQ标准查询运算符、跨页发送、ASP.NET网页指令、My对象的内涵、C# 直接...
圣殿祭司的ASP.NET 4.0专家技术手册_随书附赠光盘
在.NET Framework 4.0版本之上,微软也发布了称为ASP.NET 4.0的版本...ASP.NET 4.0相对于早期的ASP.NET 2.0在后台上并没有太大的改变,但是提供了大量的新功能,比如以前作为扩展的ASP.NET AJAX、LINQ数据源控件等等。
精通ASP.NET 4.0
ASP.NET 4.0从入门到精通(视频实战版).pdf
ASP.NET4.0实用教程PPT
asp.net 4.0 编程( Programming_ASP_dotnet_4.zip )
ASP.NET 4.0 in Practice,PDF
《ASP.NET4.0从入门到精通》随书教学视频
[ASP.NET 4.0 in Practice] [ASP.NET 4.0实战] 源代码
ASP.net4.0从入门到精通 张昌龙 辛永平
ASP.NET 4.0基础教程 课件源代码
ASP.NET4.0网站开发与项目实战 ASP.NET+AJAX应用1
AJAX开发技术 ASP.NET4.0 WEB FORM经典案例
asp.net4.0系统补丁,可解决asp.net在IE10浏览器事件丢失的问题
经典的ASP.NET 教程,最新的ASP.NET 4.0揭秘。part1,共3份
ASP.NET 4.0 高级程序设计 第4版 part1