开发学院 WEB开发 ASP.NET 使用 Anthem.NET 框架的一个调试经历阅读

使用 Anthem.NET 框架的一个调试经历

　2006-08-07 17:12:23　来源：WEB开发网　闂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣椤愯姤鎱ㄥ鍡楀幊缂傚倹姘ㄩ幉绋款吋閸澀缃曢梻鍌欑濠€閬嶆惞鎼淬劌绐楅柡宥庡亞娑撳秵銇勯弽顐沪闁绘挶鍎甸弻锝夊即閻愭祴鍋撻崷顓涘亾濮樼偓瀚�

闂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣捣閻棗銆掑锝呬壕濡ょ姷鍋涢ˇ鐢稿极閹剧粯鍋愰柟缁樺笧閳ь剦鍙冨鍝勑ч崶褏浠奸梺璇茬箲閼归箖鎮鹃悜钘夎摕闁靛濡囬崢鐢告⒑鐟欏嫷鍟忛柛鐘崇墵閵嗗倹绺介崨濠勫幈闁硅壈鎻槐鏇熺墡闂備線娼уú銈団偓姘嵆閻涱噣骞掑Δ鈧粻锝嗙節闂堟稑鏆欏ù婊堢畺閺岋綁濮€閳惰泛婀辨竟鏇熺節濮橆厾鍘甸梺缁樺姦閸撴岸鎮樻潏銊ょ箚闁圭粯甯炴晶娑氱磼缂佹ḿ娲寸€规洖宕灃闁告劕鍟犻崜婵堟崲濞戞ḿ鏆嗗┑鐘辫兌閺佹牜绱撴担浠嬪摵闁圭懓娲ら悾鐑藉箳閹搭厽鍍甸梺鐟板悁閻掞箓鎮楅幖浣光拻濞达絿鍎ら崵鈧梺鎼炲€栭悧鐘荤嵁韫囨稒鏅搁柨鐕傛嫹

婵犵數濮烽弫鍛婃叏閻戣棄鏋侀柛娑橈攻閸欏繑銇勯幘鍗炵仼缂佺媭鍨堕弻娑㈠箛闂堟稒鐏堥悗鐟版啞缁诲啴濡甸崟顖氱閻庨潧鎽滈悾濂告⒑绾拋娼愭繛鑼枎椤繒绱掑Ο鑲╂嚌闂侀€炲苯澧畝锝堝劵椤︽煡鎮￠妶澶嬬厪闁割偅绻冮崑顏呯箾瀹割喕绨婚幆鐔兼⒑鐎圭姵銆冮柤鍐茬埣瀹曟繈鏁冮埀顒勨€旈崘顔嘉ч柛鈩冾殘閻熸劙姊洪悡搴℃毐闁绘牕銈稿畷鐑樼節閸パ冨祮闂侀潧楠忕槐鏇㈠储椤忓牊鈷戦柟鑲╁仜閸旀鏌￠崨顔锯姇缂佸倹甯熼ˇ瀵哥磼鏉堛劌绗氭繛鐓庣箻閸┾剝鎷呴柨瀣垫綗闂傚倷娴囧銊╂倿閿曞倸绠查柛銉墮閺嬩線鏌熼崜褏甯涢柡鍛倐閺屻劑鎮ら崒娑橆伓闂傚倸鍊搁崐鎼佸磹閹间礁纾瑰瀣椤愯姤鎱ㄥ鍡楀幊缂傚倹姘ㄩ幉绋款吋閸澀缃曢梻鍌欑濠€閬嶆惞鎼淬劌绐楅柡宥庡亞娑撳秵銇勯弽顐沪闁绘挶鍎甸弻锝夊即閻愭祴鍋撻崷顓涘亾濮樼偓瀚�　　闂傚倸鍊搁崐鎼佸磹閹间礁纾归柣鎴ｅГ閸ゅ嫰鏌ら崫銉︽毄濞寸姵姘ㄧ槐鎾诲磼濞嗘帒鍘＄紓渚囧櫘閸ㄥ爼濡撮崘顔煎窛闁哄鍨归崢娲倵楠炲灝鍔氭い锔诲灦瀹曪繝骞庨懞銉у帾闂婎偄娲﹀ú鏍ㄧ墡闂備浇顕х€垫帡宕滈悢濂夋綎闁惧繐婀辩壕鍏间繆椤栨碍鎯堟い顐㈢焸濮婅櫣鎷犻懠顒傤唹濠殿喗菧閸旀垿宕洪埀顒併亜閹哄秶顦﹂柛銈庡墴閺屾盯骞樼捄鐑樼€诲銈庡亜缁绘劗鍙呭銈呯箰鐎氼剟鎮楅鐑嗘富闁靛牆妫欑粈鈧梺鐟板暱闁帮絽鐣峰⿰鍕嚤閻庢稒菤閹锋椽姊绘笟鍥т簽闁稿鐩幊鐔碱敍濞戞瑦鐝峰銈嗘煥婢х晫澹曢悡搴唵閻犺櫣灏ㄩ崝鐔虹磼婢跺孩顏犻柍褜鍓氶鏍窗閺嶎厸鈧箓鏌ㄧ€ｂ晝绠氬┑顔界箓閻牆危閻戣姤鈷戠紒瀣儥閸庢劙鏌熼悷鐗堟悙閾荤偤鏌涢幇鈺佸Ψ婵℃彃鐗婄换娑㈠幢濡ゅ啰顔夊┑鐐茬墛閿曘垹顫忕紒妯诲濡炲绨肩憰鍡欑磽閸屾氨袦闁稿鎸荤换娑氣偓娑欋缚閻倝鏌涢幘璺烘灈鐎规洘妞介崺鈧い鎺嶉檷娴滄粓鏌熼悜妯虹仴闁逞屽墮缂嶅﹤顕ｉ幎绛嬫晢闁告洦鍓涢崢閬嶆煟鎼搭垳绉靛ù婊呭厴閻擃剟顢楅崒妤€浜鹃悷娆忓绾惧鏌涘Δ鈧崯鍧楊敋閿濆纾归柣鏇氱劍闉嬮梻鍌欑閹碱偄螞鐎靛摜涓嶉柟鎹愵嚙閽冪喖鏌曟繛鐐珕闁稿妫濋弻娑氫沪閸撗€妲堝銈呴獜閹凤拷

核心提示：简介：Anthem 是一个很好用的 Ajax 框架，支持 asp.net 1.1, 2.0，使用 Anthem.NET 框架的一个调试经历，由于该框架的所有控件都继承自 ASP.NET 自身的服务器控件，保留了几乎所有这些控件的属性和行为（除了把它们的 PostBack 改为 CallBack 的无刷新调用之外），因为

简介：Anthem 是一个很好用的 Ajax 框架，支持 asp.net 1.1, 2.0。
由于该框架的所有控件都继承自 ASP.NET 自身的服务器控件，保留了几乎所有这些控件的属性和行为（除了把它们的 PostBack 改为 CallBack 的无刷新调用之外）。所以学习曲线很平缓。

今天我在使用 Anthem 的时候碰到了一个比较麻烦的调试问题，记录于此。

在下面的代码中，我用了一个 Anthem.Repeater 控件。
　　　 <asp:xmlDataSource ID="XmlDataSource2" runat="server" XPath="//NeedDocs/Doc"
　　　 EnableCaching="false"></asp:XmlDataSource>
　　　 <table class="mytable" width="100%" cellspacing="0" cellpadding="0">
　　　　 <anthem:Repeater ID="rptNeedDocs" runat="server" DataSourceID="XmlDataSource2"
　　　　 AutoUpdateAfterCallBack="False">
　　　　　 <HeaderTemplate>
　　　　　　 <tr class="formTitle">
　　　　　　　 <td>
　　　　　　　　选中</td>
　　　　　　　 <td>
　　　　　　　　文件、图纸名称</td>
　　　　　　　 <td>
　　　　　　　　应送</td>
　　　　　　　 <td>
　　　　　　　　是否原件</td>
　　　　　　　 <td>
　　　　　　　　备注</td>
　　　　　　 </tr>
　　　　　 </HeaderTemplate>
　　　　　 <ItemTemplate>
　　　　　　 <tr>
　　　　　　　 <td>
　　　　　　　　 <asp:CheckBox ID="chkDoc" runat="server" Checked="True" />
　　　　　　　　 <asp:HiddenField ID="hidDocId" runat="server" Value='<%# XPath("@Id") %>' />
　　　　　　　 </td>
　　　　　　　 <td>
　　　　　　　　 <asp:Label ID="lblDocName" runat="server" Text='<%# XPath("@Name") %>' />
　　　　　　　 </td>
　　　　　　　 <td>
　　　　　　　　 <asp:TextBox ID="txtQuantity" runat="server" Text='<%# XPath("@Quantity") %>' Width="30" />
　　　　　　　 </td>
　　　　　　　 <td>
　　　　　　　　 <asp:RadioButtonList ID="radiolist_IsOriginal" runat="server" SelectedValue='<%# XPath("@IsOriginal") %>'
　　　　　　　　　 RepeatDirection="Horizontal">
　　　　　　　　　 <asp:ListItem Value="True">原件</asp:ListItem>
　　　　　　　　　 <asp:ListItem Value="False">副本</asp:ListItem>
　　　　　　　　 </asp:RadioButtonList>
　　　　　　　 </td>
　　　　　　　 <td>
　　　　　　　　 <asp:TextBox ID="txtComment" runat="server" Text='<%# XPath("Comment") %>' />
　　　　　　　 </td>
　　　　　　 </tr>
　　　　　 </ItemTemplate>
　　　　　 <FooterTemplate>
　　　　　 </FooterTemplate>
　　　　 </anthem:Repeater>
　　　 </table>
这个代码在运行时，有时候会出现一个 JS 错误：“未知的运行时错误”。
而该错误只在特定情况下发生，在其他类似情况下正常。
幸亏 VS 2005 提供了非常强大的客户端脚本调试功能。我终于将错误定位到了 Anthem 产生的一行代码上：
control.innerHTML = result.controls[controlID];
查了相关资料后发现，在 IE 下，对 innerHTML 属性赋值的时候，会对所赋的值进行检查。如果不是 well formed, 则可能会出现“未知的运行时错误”。

于是我判断 anthem.Repeater 输出的 HTML 出了问题。从上面代码中高亮的两行可以看到，table 标签在 Repeater 的外面。因此 Repeater 本身输出的是一系列 tr, 并不是 well formed 的一个整体。
于是我将 table 的标签头尾分别放入 Repeater 的 HeaderTemplate 和 FooterTemplate，问题解决。
（之所以先前把 table 标签放到外面去了，是因为放在 HeaderTemplate 和 FooterTemplate 中的时候，不知道为什么 VS 的设计器不能切换到设计视图了。而改成这样可以解决问题。）

修改成功后的代码如下：
　　　 <asp:XmlDataSource ID="XmlDataSource2" runat="server" XPath="//NeedDocs/Doc"
　　　 EnableCaching="false"></asp:XmlDataSource>
　　　 <anthem:Repeater ID="rptNeedDocs" runat="server" DataSourceID="XmlDataSource2" AutoUpdateAfterCallBack="False">
　　　　 <HeaderTemplate>
　　　　　 <table class="mytable" width="100%" cellspacing="0" cellpadding="0">
　　　　　　 <tr class="formTitle">
　　　　　　　 <td>
　　　　　　　　选中</td>
　　　　　　　 <td>
　　　　　　　　文件、图纸名称</td>
　　　　　　　 <td>
　　　　　　　　应送</td>
　　　　　　　 <td>
　　　　　　　　是否原件</td>
　　　　　　　 <td>
　　　　　　　　备注</td>
　　　　　　 </tr>
　　　　 </HeaderTemplate>
　　　　 <ItemTemplate>
　　　　　 <tr>
　　　　　　 <td>
　　　　　　　 <asp:CheckBox ID="chkDoc" runat="server" Checked="True" />
　　　　　　　 <asp:HiddenField ID="hidDocId" runat="server" Value='<%# XPath("@Id") %>' />
　　　　　　 </td>
　　　　　　 <td>
　　　　　　　 <asp:Label ID="lblDocName" runat="server" Text='<%# XPath("@Name") %>' />
　　　　　　 </td>
　　　　　　 <td>
　　　　　　　 <asp:TextBox ID="txtQuantity" runat="server" Text='<%# XPath("@Quantity") %>' Width="30" />
　　　　　　 </td>
　　　　　　 <td>
　　　　　　　 <asp:RadioButtonList ID="radiolist_IsOriginal" runat="server" SelectedValue='<%# XPath("@IsOriginal") %>'
　　　　　　　　 RepeatDirection="Horizontal">
　　　　　　　　 <asp:ListItem Value="True">原件</asp:ListItem>
　　　　　　　　 <asp:ListItem Value="False">副本</asp:ListItem>
　　　　　　　 </asp:RadioButtonList>
　　　　　　 </td>
　　　　　　 <td>
　　　　　　　 <asp:TextBox ID="txtComment" runat="server" Text='<%# XPath("Comment") %>' />
　　　　　　 </td>
　　　　　 </tr>
　　　　 </ItemTemplate>
　　　　 <FooterTemplate>
　　　　　 </table>
　　　　 </FooterTemplate>
　　　 </anthem:Repeater>
经过这次的调试，我觉得 Ajax 除了带来了界面上响应迅速的好处之外，因为引入大量 js，也增大了调试的难度，因此应用的时候还是要根据情况取舍。不能什么都上 Ajax.