偶然發現了一個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" style="height:100%;width:100%;border-collapse:collapse;">
<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不合理的地方之一吧。
小小的發現,希望對大家有幫助。