<1>如果父容器控件的ClientIDMode值為AutoID

•  如果父容器控件或祖先容器控件為顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：[父/祖先容器控件的ID+"_"+[行號(hào)格式+"_"]]+該控件自身ID+"_"+[ClientIDRowSuffix],其中ClientIDRowSuffix部分是什么后面會(huì)單獨(dú)說(shuō)明，其中：[父/祖先容器控件的ID+"_"+[行號(hào)格式+"_"]]，就是該控件自身ClientIDMode值繼承父容器控件ClientIDMode值A(chǔ)utoID生成的ClientID結(jié)果，其中的[行號(hào)格式+"_"]部分是否存在依賴(lài)于[父/祖先容器控件]部分是否是顯示多個(gè)數(shù)據(jù)行的容器控件(這里不明白請(qǐng)看前面的AutoID部分)。
• 如果父容器控件或祖先容器控件都不是顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：[父/祖先容器控件的ID+"_"]+該控件自身ID，可見(jiàn)這個(gè)格式就是該控件自身ClientIDMode值繼承父容器控件ClientIDMode值A(chǔ)utoID生成的ClientID結(jié)果(這里不明白請(qǐng)看前面的AutoID部分)。

下面我就舉一個(gè)父容器控件是多數(shù)據(jù)行容器控件且其ClientIDMode為AutoID的例子,將上面的代碼再做更改，將Label1的ClientIDMode屬性值改為Predictable，并且設(shè)置其父容器控件grd_Account的ClientIDMode為AutoID:

<asp:GridView ID="grd_Account" runat="server" AllowPaging="True" 
  AutoGenerateColumns="False" 
  DataKeyNames="Account Number" DataSourceID="sds_account" Height="63px" 
  Width="676px" PageSize="5" ClientIDMode="AutoID" >
  <Columns>
    <asp:TemplateField HeaderText="Account Number" Sort ="Account Number">
      <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text="Logged" ClientIDMode="Predictable"></asp:Label>
      </ItemTemplate>        
    </asp:TemplateField>
  </Columns>
</asp:GridView>

其生成的HTML代碼為：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_ctl02_Label1_0">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_ctl03_Label1_1">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_ctl04_Label1_2">Logged</span>
    </td>
  </tr>
</table>

可以看到生成的Label的控件的ID諸如：grd_Account_ctl02_Label1_0正是上面所述格式：父容器控件的ID(grd_Account)+"_"+行號(hào)格式(ctl02)+"_"+該控件自身ID(Label1)+"_"+[ClientIDRowSuffix](0)。

<2>如果父容器控件的ClientIDMode值為Static

•  如果父容器控件或祖先容器控件為顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：該控件自身ID+"_"+[ClientIDRowSuffix],其中ClientIDRowSuffix部分是什么后面會(huì)單獨(dú)說(shuō)明，其中：該控件自身ID，就是該控件自身ClientIDMode值繼承父容器控件ClientIDMode值Static生成的ClientID結(jié)果(這里不明白請(qǐng)看前面的Static部分)。
• 如果父容器控件或祖先容器控件都不是顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：該控件自身ID，可見(jiàn)這個(gè)格式就是該控件自身ClientIDMode值繼承父容器控件ClientIDMode值Static生成的ClientID結(jié)果(這里不明白請(qǐng)看前面的Static部分)。

下面我就舉一個(gè)父容器控件是多數(shù)據(jù)行容器控件且其ClientIDMode為Static的例子,將上面的代碼再做更改，將Label1的ClientIDMode屬性值改為Predictable，并且設(shè)置其父容器控件grd_Account的ClientIDMode為Static:

<asp:GridView ID="grd_Account" runat="server" AllowPaging="True" 
  AutoGenerateColumns="False" 
  DataKeyNames="Account Number" DataSourceID="sds_account" Height="63px" 
  Width="676px" PageSize="5" ClientIDMode="Static" >
  <Columns>
    <asp:TemplateField HeaderText="Account Number" Sort ="Account Number">
      <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text="Logged" ClientIDMode="Predictable"></asp:Label>
      </ItemTemplate>        
    </asp:TemplateField>
  </Columns>
</asp:GridView>

其生成的HTML代碼為：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
  <tr>
  <td>
      <span id="Label1_0">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="Label1_1">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="Label1_2">Logged</span>
    </td>
    </tr>
</table>

可以看到生成的Label的控件的ID諸如：Label1_0正是上面所述格式：該控件自身ID(Label1)+"_"+[ClientIDRowSuffix](0)。

<3>如果父容器控件的ClientIDMode值為Predictable

• 如果父容器控件或祖先容器控件為顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：父容器控件的ClientID+"_"+該控件自身ID+"_"+[ClientIDRowSuffix]，其中ClientIDRowSuffix部分是什么后面會(huì)單獨(dú)說(shuō)明，可見(jiàn)這種情況才屬于MSDN上所說(shuō)的格式。
• 如果父容器控件或祖先容器控件都不是顯示多個(gè)數(shù)據(jù)行的容器控件，那么該控件的ClientID格式為：父容器控件的ClientID+"_"+該控件自身ID，可見(jiàn)這種情況才是MSDN上所說(shuō)的格式。

下面我就舉一個(gè)父容器控件是多數(shù)據(jù)行容器控件且其ClientIDMode為Predictable的例子,將上面的代碼再做更改，將Label1的ClientIDMode屬性值改為Predictable，并且設(shè)置其父容器控件grd_Account的ClientIDMode也為Predictable:

<asp:GridView ID="grd_Account" runat="server" AllowPaging="True" 
  AutoGenerateColumns="False" 
  DataKeyNames="Account Number" DataSourceID="sds_account" Height="63px" 
  Width="676px" PageSize="5" ClientIDMode="Predictable" >
  <Columns>
    <asp:TemplateField HeaderText="Account Number" Sort ="Account Number">
      <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text="Logged" ClientIDMode="Predictable"></asp:Label>
      </ItemTemplate>        
    </asp:TemplateField>
  </Columns>
</asp:GridView>

其生成的HTML代碼為：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_Label1_0">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_Label1_1">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_Label1_2">Logged</span>
    </td>
    </tr>
</table>

可以看到生成的Label的控件的ID諸如：grd_Account_Label1_0正是上面所述格式：父容器控件的ClientID(grd_Account)+"_"+該控件自身ID(Label1)+"_"+[ClientIDRowSuffix](0)。

<4>如果父容器控件的ClientIDMode值為Inherit

這種情況沒(méi)什么好說(shuō)的，因?yàn)楦溉萜骺丶腃lientIDMode值會(huì)繼承其所在更上層的祖先容器控件的ClientIDMode值，繼承后也屬于上面三種情況之一。

最后來(lái)說(shuō)說(shuō)ClientIDRowSuffix部分是什么，如果父容器控件或祖先容器控件是顯示多數(shù)據(jù)行的容器控件(后面會(huì)討論到如果控件的ClientIDMode為Predictable，在判斷該控件是否在顯示多數(shù)據(jù)行的容器控件中時(shí)，會(huì)有一種特殊的穿透現(xiàn)象)，那么父容器控件或祖先容器控件會(huì)有個(gè)屬性叫ClientIDRowSuffix，比如本例中的GridView的ClientIDRowSuffix屬性，這個(gè)屬性的作用是為設(shè)定ClientIDMode值為Predictable的子控件生成ClientID的后綴字符串（就是上面那些ClientID格式中的ClientIDRowSuffix部分）：

如果 ClientIDRowSuffix 屬性為空白，則在已生成的子控件ClientID末尾添加遞增的行號(hào)并在行號(hào)前面加上下劃線字符 (_) 分隔，比如上面的例子中由于都沒(méi)有在GridView上設(shè)置ClientIDRowSuffix屬性，所以ClientIDRowSuffix為空白，那么生成的子控件ClientID最末位都有諸如_0、_1、_2等的遞增行號(hào)。 

此外還可以設(shè)置ClientIDRowSuffix 屬性值為父容器控件或祖先容器控件中DataSource數(shù)據(jù)源中的字段，這樣生成子控件ClientID的后綴字符串為ClientIDRowSuffix 指定字段在該行的數(shù)據(jù)值，并且ClientIDRowSuffix 屬性可指定多個(gè)DataSource數(shù)據(jù)源中的數(shù)據(jù)字段，那么在生成子控件ClientID時(shí)會(huì)將每個(gè)數(shù)據(jù)字段在該行的值用下劃線字符 (_) 進(jìn)行分隔然后作為ClientID后綴字符串。

現(xiàn)在就舉個(gè)例子，將上面的代碼再做更改將Label1的ClientIDMode屬性值改為Predictable，并且設(shè)置其父容器控件grd_Account的ClientIDMode也為Predictable，并且將grd_Account的ClientIDRowSuffix設(shè)置為數(shù)據(jù)源sds_account的Account Number字段:

<asp:GridView ID="grd_Account" runat="server" AllowPaging="True" 
  AutoGenerateColumns="False" 
  DataKeyNames="Account Number" DataSourceID="sds_account" Height="63px" 
  Width="676px" PageSize="5" ClientIDMode="Predictable" ClientIDRowSuffix="Account Number" >
  <Columns>
    <asp:TemplateField HeaderText="Account Number" Sort ="Account Number">
      <ItemTemplate>
        <asp:Label ID="Label1" runat="server" Text="Logged" ClientIDMode="Predictable"></asp:Label>
      </ItemTemplate>        
    </asp:TemplateField>
  </Columns>
</asp:GridView>

其生成的HTML代碼為：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
    <tr>
  <td>
      <span id="grd_Account_Label1_1060">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_Label1_1200">Logged</span>
    </td>
  </tr>
  <tr>
  <td>
      <span id="grd_Account_Label1_1510">Logged</span>
    </td>
    </tr>
</table>

可以看到生成子控件的ClientID的后綴字符串為Account Number字段在GridView上每行的值:1060、1200、1500，其不再是遞增的行號(hào).

EX:最后Predictable還有一個(gè)很特別的特性：

當(dāng)控件的ClientIDMode為Predictable且該控件在多個(gè)嵌套的容器控件中時(shí)，判斷該控件是否在顯示多數(shù)據(jù)行的容器控件中時(shí)，會(huì)具有層次穿透性，它不但會(huì)考察父容器控件，還會(huì)考察祖先容器控件。

下面就舉個(gè)例子來(lái)說(shuō)明這種情況，首先grd_Account為顯示多數(shù)據(jù)行的容器控件，它的ClientIDMode設(shè)置為Static，在它內(nèi)部有一個(gè)ID為L(zhǎng)oginView1的LoginView，我們知道LoginView也是容器性控件，只不過(guò)它不是顯示多數(shù)據(jù)行的容器控件，這里設(shè)置LoginView1的ClientIDMode屬性為Predictable，在LoginView1里面再放置一個(gè)ID為L(zhǎng)abel1的Label，它的ClientIDMode沒(méi)有設(shè)置，所以其值也默認(rèn)繼承為Predictable，下面是代碼：

<asp:GridView ID="grd_Account" runat="server" AllowPaging="True" 
  AutoGenerateColumns="False" 
  DataKeyNames="Account Number" DataSourceID="sds_account" Height="63px" 
  Width="676px" PageSize="5" ClientIDMode="Static" >
  <Columns>
    <asp:TemplateField HeaderText="Account Number" Sort ="Account Number">
      <ItemTemplate>
        <asp:LoginView ID="LoginView1" runat="server" ClientIDMode="Predictable" >
          <LoggedInTemplate>
            <asp:Label ID="Label1" runat="server" Text="Logged"></asp:Label>
          </LoggedInTemplate>
        </asp:LoginView>
      </ItemTemplate>        
    </asp:TemplateField>
  </Columns>
</asp:GridView>

可以看到在嵌套層次結(jié)構(gòu)中，由于LoginView1所屬的父容器控件grd_Account是顯示多數(shù)據(jù)行的容器控件，所以LoginView1的ClientID應(yīng)該是諸如：LoginView1_0、LoginView1_1等有ClientIDRowSuffix部分的格式，這沒(méi)有問(wèn)題，但是按道理來(lái)說(shuō)Label1所在的父容器控件LoginView1不是顯示多數(shù)據(jù)行的容器控件，那么Label1生成的ClientID 應(yīng)該是諸如LoginView1_0_Label1、LoginView1_1_Label1等這樣的沒(méi)有ClientIDRowSuffix部分的格式，但是為我們來(lái)看一下生成的HTML代碼：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
  <tr>
  <td>
      <span id="LoginView1_0_Label1_0">Logged</span>  
    </td>
  </tr>
  <tr>
  <td>
      <span id="LoginView1_1_Label1_1">Logged</span> 
    </td>
  </tr>
  <tr>
  <td>
      <span id="LoginView1_2_Label1_2">Logged</span>
    </td>
  </tr>
</table>

可以看到生成的Label1的ClientID都帶表示遞增行號(hào)的后綴字符串0、1、2等（此外請(qǐng)注意LoginView不會(huì)產(chǎn)生HTML代碼），也就是有ClientIDRowSuffix部分。

我們?cè)賹rd_Account的ClientIDRowSuffix屬性更改為數(shù)據(jù)源中的Account Number字段后再來(lái)看看生成的HTML代碼：

<table cellspacing="0" rules="all" border="1" id="grd_Account" style="height:63px;width:676px;border-collapse:collapse;">
  <tr>
  <th scope="col">Account Number</th>
  </tr>
  <tr>
  <td> 
      <span id="LoginView1_1060_Label1_1060">Logged</span>   
    </td>
  </tr>
  <tr>
  <td> 
      <span id="LoginView1_1200_Label1_1200">Logged</span>   
    </td>
  </tr>
  <tr>
  <td>
      <span id="LoginView1_1510_Label1_1510">Logged</span>   
    </td>
  </tr>
</table>

可以看到生成的Label1的ClientID也都帶ClientIDRowSuffix部分，只不過(guò)ClientIDRowSuffix部分現(xiàn)在是數(shù)據(jù)源中Account Number字段的值。

由此可見(jiàn)在判斷Label1是否在顯示多數(shù)據(jù)行的容器控件中時(shí)，判定機(jī)制進(jìn)行了穿透，即假如有這么一組嵌套的容器控件：Control_1<-Control_2<-Control_3<-.......<-Control1_n-1<-Control_n，其中Control_n的ClientIDMode設(shè)置或繼承為Predictable，且其中Control_2到Control1_n-1都不是顯示多數(shù)據(jù)行的容器控件，只有最外層的Control_1是顯示多數(shù)據(jù)行的容器控件，那么在判定最里面的Control_n是否在顯示多數(shù)據(jù)行的容器控件時(shí)，參考的是從里到外第一個(gè)是顯示多數(shù)據(jù)行的容器控件Control_1（即從里到外只要任意一個(gè)容器控件是顯示多數(shù)據(jù)行的容器控件，就認(rèn)為Control_n是在顯示多數(shù)據(jù)行的容器控件中），并且Control_n的后綴字符串部分參考的也是Control_1的ClientIDRowSuffix屬性，從而忽略中間那些不是顯示多數(shù)據(jù)行的容器控件（Control_2到Control1_n-1），所以控件的ClientIDMode屬性為Predictable時(shí)，就是用這種穿透判定來(lái)判斷該控件是否在顯示多數(shù)據(jù)行的容器控件中的。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。