使用Anthem.NET 框架的一個調試經歷

作者：Eve Cole 更新時間：2009-06-30 16:56:49

簡介：Anthem 是一個很好用的Ajax 框架，支援ASP.NET 1.1, 2.0。
由於框架的所有控制項都繼承自ASP.NET 本身的伺服器控制項，保留了幾乎所有這些控制項的屬性和行為（除了把它們的PostBack 改為CallBack 的無刷新呼叫之外）。所以學習曲線很平緩。

今天我在使用Anthem 的時候碰到了一個比較麻煩的調試問題，記錄於此。

在下面的程式碼中，我用了一個Anthem.Repeater 控制項。
EnableCaching="false">

AutoUpdateAfterCallBack="False">

選取	文件、圖紙名稱	應送	是否原件	備註
' />	' />	' Width="30" />	' RepeatDirection="Horizontal"> 原件副本	' />

這個程式碼在運作時，有時會出現一個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 的設計器不能切換到設計視圖了。而改成這樣可以解決問題。）

修改成功後的程式碼如下：
EnableCaching="false">

選取	文件、圖紙名稱	應送	是否原件	備註
' />	' />	' Width="30" />	' RepeatDirection="Horizontal"> 原件副本	' />

經過這次的調試，我覺得Ajax 除了帶來了介面上響應迅速的好處之外，因為引入大量js，也增大了調試的難度，因此應用的時候還是要根據情況取捨。不能什麼都上Ajax.

http://www.cnblogs.com/RChen/archive/2006/08/06/anthem_debug.html