IDC资讯中心
简介：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.
http://www.cnblogs.com/rchen/archive/2006/08/06/anthem_debug.html
