偶然發現了一個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