ASP.NET4.0新特性的改进有哪些

这期内容当中小编将会给大家带来有关ASP.NET 4.0新特性的改进有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

创新互联建站自2013年起,公司自成立以来始终致力于为企业提供官网建设、移动互联网业务开发(小程序设计、手机网站建设、app软件定制开发等),并且包含互联网基础服务(域名、主机服务、企业邮箱、网络营销等)应用服务;以先进完善的建站体系及不断开拓创新的精神理念,帮助企业客户实现互联网业务,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致赞誉。

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 值:

 

上面是和传统生成 Client ID的情况的一样。

(2)Static 模式

ClientIDMode的值设置为Static,这里要注意就是在repeater等数据绑定控件中使用子控件时,他们生成的子控件ID都是一样的,所以控制不好控制。

   td>     td>     td> 


所以可以看出它比较适合单个控件的使用。

如果在repeater设置为Static,而将后面的控件设为Predictable

asp:SqlDataSource>                                               
sfsdtd>         tr>         HeaderTemplate>                    
            asp:Label>            td>tr>            
            asp:Label>            td>tr>            
            asp:Label>            td>tr>         ItemTemplate>                  FooterTemplate>            asp:Repeater>

结果为:

   

看来还比较灵活,

现在我们再在repeater外面方一个Label,ID为lblName_0的,ClientIDMode为Static或Predictable;

asp:Label>         asp:SqlDataSource>                                                    
sfsdtd>          tr>          HeaderTemplate>                      
             asp:Label>             td>tr>             
             asp:Label>             td>tr>             
             asp:Label>             td>tr>          ItemTemplate>                    FooterTemplate>             asp:Repeater>

结果在页面上就会出现

 

但并没有报错。

如果在再外面加一个Label,ID为lblName_0的,ClientIDMode为Static或Predictable,就会出现报错。

asp:Label>    asp:Label>         asp:SqlDataSource>                                                                 ProductNameth>         tr>                                                    

你可以看见我们将ProductName作为后缀名。

新特性总结

现在有这个ClientMode就能很好的控制生成到客户端的ID,这样可以更好的动态控制页面上标签。

上述就是小编为大家分享的ASP.NET 4.0新特性的改进有哪些了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注创新互联行业资讯频道。


网站名称:ASP.NET4.0新特性的改进有哪些
URL标题:http://bzwzjz.com/article/jidssd.html
sfsdtd>          tr>          HeaderTemplate>                      
             asp:Label>             td>tr>             
             asp:Label>             td>tr>             
             asp:Label>             td>tr>          ItemTemplate>                    FooterTemplate>             asp:Repeater>

这个时候就会报错,有相同的ClientID。

所以ClientIDMode使用是有层次范围的,在页面上相同层次级别上不能有相同ID,如果在Repeater中新的层次中就可以与上一层次有相同ID.

(3)Predictable Mode

在GridView数据绑定控件中还有一个新的属性ClientIDRowSuffix,它是在GridView中设置在使用Predictable模式,生成新的ID的后缀。

                                                                            asp:Label>                                              ItemTemplate>                 asp:TemplateField>                  Columns>         asp:GridView>


生成的结果为:

                         Chaispan>                                              td>         tr>
                         Changspan>                                              td>         tr>
                         Aniseed Syrupspan>                                              td>         tr>
                         Chef Anton's Cajun Seasoningspan>                                              td>         tr>