日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢(xún)
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
ASP.NET4.0新特性ClientID的改進(jìn)

ASP.NET 4.0新特性中，關(guān)于ClientID的改進(jìn)可以在執(zhí)行嵌套空間時(shí)，控制生成的Html的ID的情況。以往進(jìn)行這樣的操作時(shí)，很容易出現(xiàn)錯(cuò)誤，很難控制。

創(chuàng)新互聯(lián)建站始終堅(jiān)持【策劃先行，效果至上】的經(jīng)營(yíng)理念，通過(guò)多達(dá)10年累計(jì)超上千家客戶(hù)的網(wǎng)站建設(shè)總結(jié)了一套系統(tǒng)有效的全網(wǎng)營(yíng)銷(xiāo)推廣解決方案，現(xiàn)已廣泛運(yùn)用于各行各業(yè)的客戶(hù)，其中包括：OPP膠袋等企業(yè)，備受客戶(hù)夸獎(jiǎng)。

一 ：簡(jiǎn)介

我們知道因?yàn)樵谠瓉?lái)的ASP.NET應(yīng)用程序中使用服務(wù)端控件在生成ClientID的時(shí)，是很難控制的，特別是在嵌套的控件的時(shí)候，比如在多個(gè)嵌套R(shí)epeater中要控制某一個(gè)控件生成的html的ID屬性，是很困難的，

在ASP.NET 4.0新特性中提供ClientMode，來(lái)控制生成的Html的ID的情況。

二 ：原來(lái)的問(wèn)題和解決方法

原來(lái)要獲得html的ID,就要使用這樣的方式：

 
 
 
    
  
  
  
  1. <%=lblName.ClientID%> 
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  var lblName = document.getElementById("<%=lblName.ClientID%>");  
    4. 
  
  
  
  4.            alert(lblName.innerText); 
    5.

如果是在嵌套的控件中，就需要使用并接字符串來(lái)組合成一下客戶(hù)端ID，

 
 
 
    
  
  
  
  1. for (var i = 1; i <= 9; i++) {  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.               var Element = document.getElementById("Repeater1_ctl0" + i + "_lblName");  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.               alert(Element.innerText);  
    6. 
  
  
  
  6.           } 
    7.

其實(shí)也可以通過(guò)重寫(xiě)控件的ID來(lái)，控制在客戶(hù)端ID的生成。

三:ASP.NET 4.0 的解決方案

現(xiàn)在你會(huì)發(fā)現(xiàn)在ASP.NET 4.0中會(huì)有一個(gè)ClientMode的新屬性：

他有四個(gè)值分別是：

Legacy：就是使用傳統(tǒng)的模式，設(shè)置ClientIDMode是無(wú)效的。

Inherit:這是繼承在控件層次結(jié)構(gòu)中，父級(jí)點(diǎn)控件的ClientIDMode設(shè)置。也就是說(shuō)如果你父控件設(shè)置ClientIDMode=“Static”，那這里的子控件的ClientIDMode也是"Static"

Static :生成指定的ID,但你要注意頁(yè)面上的ClientID的唯一性。

Predictable:這個(gè)設(shè)置值的使用，需要確保ID的是唯一性，這里分整個(gè)頁(yè)面的唯一性和在控件中的唯一性?xún)煞N情況，第二中就是說(shuō)你可以在頁(yè)面設(shè)置一個(gè)ID為Name,你還是可以在你的Repeater的Item項(xiàng)目模板中設(shè)置ID為Name的Label子控件，而不會(huì)報(bào)錯(cuò)，因?yàn)樗麜?huì)自動(dòng)生成新的控件ID。具體下面詳細(xì)解說(shuō)：

（1）使用Legacy 值：

 
 
 
    
  
  
  
  1.  :TextBox ID ="txtName" runat ="server" Width ="70%" ClientIDMode ="Legacy" /> 
    2. 
  
  
  
  2.  id="ctl00_txtName" style="width: 65%" name="ctl00$txtName" /> 
    3.

上面是和傳統(tǒng)生成 Client ID的情況的一樣。

（2）Static 模式

ClientIDMode的值設(shè)置為Static,這里要注意就是在repeater等數(shù)據(jù)綁定控件中使用子控件時(shí)，他們生成的子控件ID都是一樣的，所以控制不好控制。

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  id="lblName"> 
    4. 
  
  
  
  4.  td> 
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8.  id="lblName"> 
    9. 
  
  
  
  9.  td> 
    10. 
  
  
  
  10.  
    11. 
  
  
  
  11.  
    12. 
  
  
  
  12.  
    13. 
  
  
  
  13.  id="lblName"> 
    14. 
  
  
  
  14.  td> 
    15. 
  
  
  
  15.  
    16.

所以可以看出它比較適合單個(gè)控件的使用。

如果在repeater設(shè)置為Static,而將后面的控件設(shè)為Predictable

 
 
 
    
  
  
  
  1.  ID="SqlDataSource1" runat="server"   
    2. 
  
  
  
  2.            ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"   
    3. 
  
  
  
  3.            SelectCommand="SELECT * FROM [Products]"> asp:SqlDataSource> 
    4. 
  
  
  
  4.         ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" ClientIDMode="Static"> 
    5. 
  
  
  
  5.          > 
    6. 
  
  
  
  6.          
  7.         
    8.  
  8.            
    9. 


    
  
  
  
    
  
  
  sfsd td> 
  
  
  
  9.          tr> 
    10. 
  
  
  
  10.          HeaderTemplate> 
    11. 
  
  
  
  11.          > 
    12. 
  
  
  
  12.           
    13.  
  
  
  
  13.               ID="lblID"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
    14. 
  
  
  
  14.             td> tr> 
    15. 
  
  
  
  15.            
    16.  
  
  
  
  16.               ID="lblName"  Text='<%# Eval("ProductName") %>' runat="server" ClientIDMode="Predictable"> asp:Label> 
    17. 
  
  
  
  17.             td> tr> 
    18. 
  
  
  
  18.            
    19.  
  
  
  
  19.               ID="lblReorderLevel"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
    20. 
  
  
  
  20.             td> tr> 
    21. 
  
  
  
  21.          ItemTemplate> 
    22. 
  
  
  
  22.          
    23. 
  
  
  
  23.          FooterTemplate>     
    24. 
  
  
  
  24.         asp:Repeater> 
    25. 
 
 
 
    結(jié)果為：
     
 
 
      
  
  
  
    1.  id="lblName_0"> 
      2. 
  
  
  
    2.  id="lblName_1"> 
      3. 
  
  
  
    3.  id="lblName_2"> 
      4. 
  
  
  
    4.  id="lblName_3"> 
      5. 
 
 
 
    看來(lái)還比較靈活，
    現(xiàn)在我們?cè)僭趓epeater外面方一個(gè)Label,ID為lblName_0的，ClientIDMode為Static或Predictable；
     
 
 
      
  
  
  
    1.    ID="lblName_0"  Text="worksguo" runat="server" ClientIDMode=“Static或Predictable”> asp:Label> 
      2. 
  
  
  
    2.          ID="SqlDataSource1" runat="server"   
      3. 
  
  
  
    3.             ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"   
      4. 
  
  
  
    4.             SelectCommand="SELECT * FROM [Products]"> asp:SqlDataSource> 
      5. 
  
  
  
    5.          ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" ClientIDMode="Static"> 
      6. 
  
  
  
    6.           > 
      7. 
  
  
  
    7.           
    8.          
      9.  
    9.             
            10. 
  
  
  
            
  
  
  sfsd td> 
  
  
  
          •           tr> 
            • 
  
  
  
          •           HeaderTemplate> 
            • 
  
  
  
          •           > 
            • 
  
  
  
          •            
            •  
  
  
  
          •                ID="lblID"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
            • 
  
  
  
          •              td> tr> 
            • 
  
  
  
          •             
            •  
  
  
  
          •                ID="lblName"  Text='<%# Eval("ProductName") %>' runat="server" ClientIDMode="Predictable"> asp:Label> 
            • 
  
  
  
          •              td> tr> 
            • 
  
  
  
          •             
            •  
  
  
  
          •                ID="lblReorderLevel"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
            • 
  
  
  
          •              td> tr> 
            • 
  
  
  
          •           ItemTemplate> 
            • 
  
  
  
          •           
            • 
  
  
  
          •           FooterTemplate>     
            • 
  
  
  
          •          asp:Repeater> 
            • 
 
 
 
            結(jié)果在頁(yè)面上就會(huì)出現(xiàn)
             
 
 
              
  
  
  
            1.  id="lblName_0"> 
              2. 
  
  
  
            2.  id="lblName_0"> 
              3. 
 
 
 
            但并沒(méi)有報(bào)錯(cuò)。
            如果在再外面加一個(gè)Label,ID為lblName_0的，ClientIDMode為Static或Predictable，就會(huì)出現(xiàn)報(bào)錯(cuò)。
             
 
 
              
  
  
  
            1.    ID="lblName_0"  Text="worksguo" runat="server"> asp:Label> 
              2. 
  
  
  
            2.       ID="lblName_0"  Text="worksguo" runat="server"> asp:Label> 
              3. 
  
  
  
            3.          ID="SqlDataSource1" runat="server"   
              4. 
  
  
  
            4.             ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"   
              5. 
  
  
  
            5.             SelectCommand="SELECT * FROM [Products]"> asp:SqlDataSource> 
              6. 
  
  
  
            6.          ID="Repeater1" runat="server" DataSourceID="SqlDataSource1" ClientIDMode="Static"> 
              7. 
  
  
  
            7.           > 
              8. 
  
  
  
            8.           
            9.          
              10.  
            10.             
              11.  
  
  
  
            11.             ProductName th> 
              12. 
  
  
  
            12.          tr>
              13.  
  
  
  
            13.             
              14.  
  
  
  
            14.             
              15.  
  
  
  
            15.             
              16.  
  
  
  
            16.             
              17.  
 
 
 
              你可以看見(jiàn)我們將ProductName作為后綴名。
              新特性總結(jié)
              現(xiàn)在有這個(gè)ClientMode就能很好的控制生成到客戶(hù)端的ID,這樣可以更好的動(dòng)態(tài)控制頁(yè)面上標(biāo)簽。
                                                              
              
                                                分享文章：ASP.NET4.0新特性ClientID的改進(jìn)                                                
              
                                                文章位置：http://www.5511xx.com/article/dhcigec.html
                                            
                                            
                                        
                                    
                                
                            
                        
                    
                
            
        
    










              
  
  
  
              
  
  
  sfsd td> 
  
  
  
            17.           tr> 
              18. 
  
  
  
            18.           HeaderTemplate> 
              19. 
  
  
  
            19.           > 
              20. 
  
  
  
            20.            
              21.  
  
  
  
            21.                ID="lblID"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
              22. 
  
  
  
            22.              td> tr> 
              23. 
  
  
  
            23.             
              24.  
  
  
  
            24.                ID="lblName"  Text='<%# Eval("ProductName") %>' runat="server" ClientIDMode="Predictable"> asp:Label> 
              25. 
  
  
  
            25.              td> tr> 
              26. 
  
  
  
            26.             
              27.  
  
  
  
            27.                ID="lblReorderLevel"  Text='<%# Eval("ReorderLevel")%>' runat="server" ClientIDMode="Predictable"> asp:Label> 
              28. 
  
  
  
            28.              td> tr> 
              29. 
  
  
  
            29.           ItemTemplate> 
              30. 
  
  
  
            30.           
              31. 
  
  
  
            31.           FooterTemplate>     
              32. 
  
  
  
            32.          asp:Repeater> 
              33. 
 
 
 
              這個(gè)時(shí)候就會(huì)報(bào)錯(cuò)，有相同的ClientID。
              所以ClientIDMode使用是有層次范圍的，在頁(yè)面上相同層次級(jí)別上不能有相同ID,如果在Repeater中新的層次中就可以與上一層次有相同ID.
              (3)Predictable Mode
              在GridView數(shù)據(jù)綁定控件中還有一個(gè)新的屬性ClientIDRowSuffix，它是在GridView中設(shè)置在使用Predictable模式，生成新的ID的后綴。
               
 
 
                
  
  
  
              1.  ID="GridView1" runat="server" AutoGenerateColumns="False"   
                2. 
  
  
  
              2.             DataKeyNames="ProductName" DataSourceID="SqlDataSource1" ClientIDMode="Predictable" ClientIDRowSuffix="ProductName" > 
                3. 
  
  
  
              3.              
                4. 
  
  
  
              4.                  HeaderText="ProductName" > 
                5. 
  
  
  
              5.                      
                6. 
  
  
  
              6.                            ID="lblID"  Text='<%# Eval("ProductName")%>' runat="server" > asp:Label> 
                7. 
  
  
  
              7.                          
                8. 
  
  
  
              8.                      ItemTemplate> 
                9. 
  
  
  
              9.                  asp:TemplateField>      
                10. 
  
  
  
              10.              Columns> 
                11. 
  
  
  
              11.          asp:GridView> 
                12. 
 
 
 
              生成的結(jié)果為：
               
 
 
                
  
  
  
               
  
  
  
            33.                         Chai span> 
              34. 
  
  
  
            34.                          
              35. 
  
  
  
            35.                      td> 
              36. 
  
  
  
            36.          tr>
              37.  
  
  
  
            37.                         Chang span> 
              38. 
  
  
  
            38.                          
              39. 
  
  
  
            39.                      td> 
              40. 
  
  
  
            40.          tr>
              41.  
  
  
  
            41.                         Aniseed Syrup span> 
              42. 
  
  
  
            42.                          
              43. 
  
  
  
            43.                      td> 
              44. 
  
  
  
            44.          tr>
              45.  
  
  
  
            45.                         Chef Anton's Cajun Seasoning span> 
              46. 
  
  
  
            46.                          
              47. 
  
  
  
            47.                      td> 
              48. 
  
  
  
            48.          tr>