ASP.NET 4.0新特性中,关于ClientID的改进可以在执行嵌套空间时,控制生成的Html的ID的情况。以往进行这样的操作时,很容易出现错误,很难控制。
一 :简介
我们知道因为在原来的ASP.NET应用程序中使用服务端控件在生成ClientID的时,是很难控制的,特别是在嵌套的控件的时候,比如在多个嵌套Repeater中要控制某一个控件生成的html的ID属性,是很困难的,
在ASP.NET 4.0新特性中提供ClientMode,来控制生成的Html的ID的情况。
二 :原来的问题和解决方法
原来要获得html的ID,就要使用这样的方式:
- <%=lblName.ClientID%>
-
- var lblName = document.getElementById("<%=lblName.ClientID%>");
- alert(lblName.innerText);
如果是在嵌套的控件中,就需要使用并接字符串来组合成一下客户端ID,
- for (var i = 1; i <= 9; i++) {
-
- var Element = document.getElementById("Repeater1_ctl0" + i + "_lblName");
-
- alert(Element.innerText);
- }
其实也可以通过重写控件的ID来,控制在客户端ID的生成。
三:ASP.NET 4.0 的解决方案
现在你会发现在ASP.NET 4.0中会有一个ClientMode的新属性:
他有四个值分别是:
Legacy:就是使用传统的模式,设置ClientIDMode是无效的。
Inherit:这是继承在控件层次结构中,父级点控件的ClientIDMode设置。也就是说如果你父控件设置ClientIDMode=“Static”,那这里的子控件的ClientIDMode也是"Static"
Static :生成指定的ID,但你要注意页面上的ClientID的唯一性。
Predictable:这个设置值的使用,需要确保ID的是唯一性,这里分整个页面的唯一性和在控件中的唯一性两种情况,第二中就是说你可以在页面设置一个ID为Name,你还是可以在你的Repeater的Item项目模板中设置ID为Name的Label子控件,而不会报错,因为他会自动生成新的控件ID。具体下面详细解说:
(1)使用Legacy 值:
- <asp :TextBox ID ="txtName" runat ="server" Width ="70%" ClientIDMode ="Legacy" />
- <input id="ctl00_txtName" style="width: 65%" name="ctl00$txtName" />
上面是和传统生成 Client ID的情况的一样。
(2)Static 模式
ClientIDMode的值设置为Static,这里要注意就是在repeater等数据绑定控件中使用子控件时,他们生成的子控件ID都是一样的,所以控制不好控制。
- <tr>
- <td>
- <span id="lblName">
- td>
- <tr>
- <tr>
- <td>
- <span id="lblName">
- td>
- <tr>
- <tr>
- <td>
- <span id="lblName"
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】
打赏
扫码打赏,您说多少就多少