[習題] Web控制項 -- UniqueID屬性 與 ID屬性兩者的差異

2011年3月4日星期五

[習題] Web控制項 -- UniqueID屬性與 ID屬性兩者的差異

http://www.dotblogs.com.tw/mis2000lab/archive/2011/02/16/uniqueid_id_20110216.aspx

[習題] UniqueID屬性與ID屬性兩者的差異

補充上集（ASP.NET專題實務）第三章 Web控制項

市面上的 ASP.NET對於基礎的 Web控制項都是「簡單帶過去」或是「混」過去就算了。

但我們實際上寫程式，這些基礎的控制項卻最常用到。

如果不夠熟練，很快就會遇見麻煩。

我雖然寫了一百多頁，找來很多常用的範例與小技巧，來逐一介紹各個 Web控制項的屬性、方法等等。

但總有遺漏。

如果您遇見類似的問題，最好的方法就是「微軟官方MSDN」網站

那邊解釋最齊全，範例也最詳盡。

http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.aspx

===============================================

TextBox類別的屬性一覽表 -- http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.textbox_properties.aspx

Web控制項的 ID屬性，大家都應該瞭解。

例如： TextBox的ID，通常是 TextBox1、TextBox2、....以此類推

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

那麼， UniqueID屬性又有何不同呢？

您在後置程式碼，寫著：

TextBox1.ID 或是 TexBox1.UniqueID，結果都是一樣的。

原來，要瞭解其間的差異，

我們要把這些基礎的 Web控制項，放到大型控制項裡面（如：GridView or ListView）

這時候，UniqueID屬性與 ID屬性兩者的差異才能展現。

看看微軟MSDN網站怎麼說：

UniqueID屬性 --

取得伺服器控制項唯一的、符合階層架構的識別項。

這個屬性不同於 ID 屬性，因為 UniqueID 屬性包括伺服器控制項命名容器的識別項。這個識別項在處理網頁要求時會自動產生。

這個屬性在區別伺服器控制項 (包含於重複的資料繫結伺服器控制項之內) 的時候尤其重要。重複的控制項，包括 Repeater、DataList、DetailsView、FormView 和 GridView Web 伺服器控制項 (或您所建立且在資料繫結時包含重複功能的任何自訂伺服器控制項)，可做為其子控制項的命名容器。這意味著，它替它的子控制項建立唯一命名空間，以致它們的 ID 屬性值不會相衝突。

===========================================================================

開始動手做作看：

我們在 GridView裡面，動手加入樣版（Template）

然後加入一個 ID名為TextBox2的 Web控制項

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"

DataKeyNames="id" DataSourceID="SqlDataSource1">

<Columns>

<asp:CommandField ButtonType="Button" ShowSelectButton="True" />

<asp:BoundField DataField="id" HeaderText="id" InsertVisible="False"

ReadOnly="True" SortExpression="id" />

<asp:TemplateField>

<ItemTemplate>

<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

</ItemTemplate>

</asp:TemplateField>

</Columns>

</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"

ConnectionString="<%$ ConnectionStrings:testConnectionString %>"

SelectCommand="SELECT top 10 id FROM [test]"></asp:SqlDataSource>

後置程式碼：

Protected Sub GridView1_SelectedIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewSelectEventArgs) Handles GridView1.SelectedIndexChanging

Label1.Text = GridView1.Rows(e.NewSelectedIndex).FindControl("TextBox2").UniqueID

Label2.Text = GridView1.Rows(e.NewSelectedIndex).FindControl("TextBox2").ID

End Sub

看一下執行成果就會明白：