程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> asp.net 2.0 與1.1 在生成的前台頁面內容方面的一點不同

asp.net 2.0 與1.1 在生成的前台頁面內容方面的一點不同

編輯:.NET實例教程

     偶然發現了一個2.0與1.1的一個不同點,寫出來給大家提個醒。
   是關於前台頁面生成代碼的。我們知道,ASP.net的服務器控件最終都會解釋到前台的Javascript腳步和Html代碼,比如“datagrid”控件會解釋成“table”標簽,“CheckBox”控件會解釋成“<input type='checkbox'……”標簽。不論是asp.net2.0還是ASP.Net1.1都是這樣的機制,所以我們時常可以利用這個機制,在前台寫一些Javascript腳本來操作這些解釋以後生成的Html標簽,以及調用一些事件。不知道大家是不是經常這樣用,反正我經常使用這個方法,並且樂此不疲。
   一個偶然的事件發現了一個問題,我直接拷貝了一些在1.1下的一些JS腳本到2.0下的項目裡使用,發現有錯誤,腳本錯誤,百思不得其解,然後仔細研究了asp.net2.0生成的前台代碼,發現了秘密。在ASP.Net下,在datagrid模板列裡的服務器控件解釋後,生成的標簽會根據原來服務器控件的id來生成新的id。
   比如(ASP.Net1.1下),DataGrid控件的模板列裡使用CheckBox控件:
  
  
  <ASP:datagrid id="myDataGrid" runat="server" AutoGenerateColumns="False" Height="100%" Width="100%"
   EnableVIEwState="false">
   <AlternatingItemStyle CSSClass="list_bai"></AlternatingItemStyle>
   <ItemStyle CSSClass="list_lan"></ItemStyle>
   <HeaderStyle CSSClass="list_1"></HeaderStyle>
   <Columns>
   <asp:BoundColumn DataFIEld="COLOR_ID" HeaderStyle-CssClass="disTd" ItemStyle-CSSClass="disTd"></ASP:BoundColumn>
   <ASP:TemplateColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" HeaderText="選擇<input type='checkbox' id='' onclick='DOSelectAll();' title='全選'>">
   <HeaderStyle HorizontalAlign="Center" CSSClass="list_1"></HeaderStyle>
   <ItemStyle HorizontalAlign="Center" CSSClass="list_td"></ItemStyle>
   <ItemTemplate>
   <asp:CheckBox id="CheckBox1" runat="server"></ASP:CheckBox>
   </ItemTemplate>
   </ASP:TemplateColumn>
   <asp:HyperLinkColumn DataNavigateUrlFIEld="COLOR_ID" DataNavigateUrlFormatString="InfoCOLOR.ASPx?id={0}&flag=0"
   DataTextFIEld="COLOR_NAME" HeaderText="顏色名稱">
   <HeaderStyle HorizontalAlign="Center" CSSClass="list_1"></HeaderStyle>
   <ItemStyle HorizontalAlign="Center" CSSClass="list_td"></ItemStyle>
   </ASP:HyperLinkColumn>
   <ASP:BoundColumn DataFIEld="COLOR_CODE" HeaderText="顏色Html編碼">
   <HeaderStyle HorizontalAlign="Center" CSSClass="list_1"></HeaderStyle>
   <ItemStyle HorizontalAlign="Center" CSSClass="list_td"></ItemStyle>
   </ASP:BoundColumn>
   </Columns>
   </ASP:datagrid>
  
  
   解釋到前台的Html後成了:
  
  
  <table cellspacing="0" rules="all" border="1" id="myDataGrid" >
   <tr class="list_1">
   <td class="disTd"> </td>
   <td class="list_1" align="Center">選擇<input type='checkbox' id='' onclick='DOSelectAll();' title='全選'></td>
   <td class="list_1" align="Center">顏色名稱</td>
   <td class="list_1" align="Center">顏色Html編碼</td>
   </tr>
  <tr class="list_lan">
   <td class="disTd">16</td>
   <td class="list_td" align="Center"> <input id="myDataGrid__ctl2_CheckBox1" type="checkbox" name="myDataGrid:_ctl2:CheckBox1" /></td>
   <td class="list_td" align="Center"><a href="InfoCOLOR.ASPx?id=16&flag=0">213`</a></td>
   <td class="list_td" align="Center">123123</td>
   </tr>
  </table>
   我們可以看到DataGrid 控件變成了Table標簽,id不變,而原來的
  
  <asp:CheckBox id="CheckBox1" runat="server"></ASP:CheckBox>
  變成了
  
  <input id="myDataGrid__ctl2_CheckBox1" type="checkbox" name="myDataGrid:_ctl2:CheckBox1" />
   這裡的“myDataGrid__ctl2_CheckBox1”就是ASP.Net自動添加的,他是結合了他所在的DataGrid的id和自身的id以及綁定數據後所在的行而生成的。
   以上的結果是ASP.Net1.1下生成的,到了2.0生成的id發生了變化,id不是myDataGrid__ctl2_CheckBox1了,而是myDataGrid:_ctl2:CheckBox1,而name屬性卻不變,可以猜想微軟這樣的做的目的就是把id跟name一致起來,其實本來就應該這樣嗎,也許這是dotnet1.1不合理的地方之一吧。
   小小的發現,希望對大家有所幫助。
  
  http://www.cnblogs.com/sugt/archive/2007/01/14/619964.Html
  

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved