919
ASP.NET4.0對服務器控件的ID的控製（節選自周公的博客）
我們知道一個ASP.NET服務器控件有三個ID，即：ID，ClientID和UniqueID。
ID為服務器控件的服務器標示，在服務器代碼中通過ID來唯一區分服務器控件（因此在同一個頁麵中ID必須唯一）；
ClientID是服務器控件在轉化成HTML元素之後在客戶端的ID，為了防止出現命名衝突，ASP.NET 為頁上的各個服務器控件自動生成一個唯一的 ClientID 值。ClientID值是通過連接控件的ID值和它的父控件的UniqueID 值生成的。生成的 ID 的各個部分以下劃線字符 (_) 分隔；
UniqueID是服務器控件的唯一的、以分層形式限定的標識符，它也是服務器控件轉化成HTML元素之後在客戶端的name標識。
有時候我們要在客戶端使用Javascript通過HTML元素的id來操作HTML元素，如果服務器控件在數據綁定控件中，那麼它最終對應的HTML元素的id和我們平常使用的大不一樣，這使我們操作起來很不方便，特別是我們在用javascript實現數據的全選反選時不方便，因為在操作單個控件時我們還可以按如下方式編寫javascript代碼：
<script type="text/javascript"><!--
function DoSomething(){
alert('<%= Control.ClientID %>');
}
--></script>
而在ASP.NET中提供了對服務器控件的對應的HTML元素的id的控製更強了，增加了ClientIDMode屬性來控製。下麵是一個展示ClientIDMode屬性用法的例子，在服務端編碼如下：
<asp:GridView ID="gvUserList" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="UserId_AutoId">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="AutoID"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="UserId_Static">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="Static"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="UserId_Predictable">
<ItemTemplate>
<asp:Label runat="server" ID="lb1" ClientIDMode="Predictable"
Text='<%#eval("UserId") %>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
如果我們進行數據綁定之後再查看生成的HTML源代碼，會看到類似的部分：
<table cellspacing="0" rules="all" border="1" mce_>
<tr>
<th scope="col">UserId_AutoId</th><th scope="col">UserId_Static</th><th scope="col">UserId_Predictable</th>
</tr>
<tr>
<td><span >136</span></td>
<td><span >136</span></td>
<td><span >136</span></td>
</tr>
....
</table>
ClientIDMode="AutoID" 時控件的客戶端ID和我們在早期的ASP.NET沒有什麼區別；
ClientIDMode="Static"時控件的客戶端ID不會發生變化；
ClientIDMode="Predictable"時控件的客戶端ID中還帶有數據行標識
（如：中的“0”即標識在數據源中的位置為0，即第一條記錄）。
通過指定ClientIDMode屬性可以讓我們很方便控製服務器端控件最終生成的HTML元素的ID，這一點也是相當方便的。
源地址：https://blog.csdn.net/zhoufoxcn/archive/2010/05/17/5599115.aspx#
最後更新：2017-04-02 22:16:22