偶然發現了一個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不合理的地方之一吧。
小小的發現,希望對大家有所幫助。
新聞熱點
疑難解答
圖片精選