偶然發現了一個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不合理的地方之一吧。
小小的發現,希望對大家有所幫助。
http://www.49028c.com/sugt/archive/2007/01/14/619964.html
新聞熱點
疑難解答