使用 ajax toolkit 中的 tabcontrol 時出現的一個小問題

使用 ajax toolkit 中的 tabcontrol 時，我們可以很輕便的實現 winfrom 程式中的 tab 頁顯示效果，如：

但是發現在 tabpage 中，伺服器控制項時，產生的 html 靜態頁面中，控制項的 ID 都被加上了 tabcontrol 名字的首碼，如我們在頁面中添加一個

GridView <asp:GridView ID="gvBooks" runat="server"/> ，產生的靜態頁面中的 gvBooks 的 ID 變成了 TabControl1_tp1_gvBooks,

如果這時候，我們還想通過 javascript 對 gvBooks 進行操作時，就要注意擷取 gvBooks 時，ID已經改變了！要使用產生的靜態頁面中的 ID，

如：document.getElementById("TabControl1_tp1_gvBooks")。不然頁面總是會報指令碼錯誤。

 

這裡只是我在做測試專案中，遇到的一個很奇怪的問題，排查了很長時間才發現的，記下來，希望對以後遇到這種情況的同學有協助！

 

我發現這種 Ajax 控制項中在很多地方使用時都會有這種情況發生，當然通過 js 動作伺服器控制項也是很少見的！