返回首页
当前位置: 主页 > 网络编程 > .Net实例教程 >

ASP.NET 4.0新特性ClientID的改进

时间:2018-11-02 21:37来源:知行网www.zhixing123.cn 编辑:麦田守望者

关于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"

------分隔线----------------------------
标签(Tag):C#
------分隔线----------------------------
推荐内容
猜你感兴趣