[習題] Web控制項 -- UniqueID屬性與 ID屬性兩者的差異（上集Ch. 3 補充範例）

2011-02-16

9952
0
ASP.NET 4.0與 VS 2010
2011-03-25

摘要:[習題] UniqueID屬性與ID屬性兩者的差異
UniqueID屬性 --
取得伺服器控制項唯一的、符合階層架構的識別項。

[習題] 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

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

=== 最後要打一下廣告 ==========================

1. 如果您覺得我的描述、寫作方式，符合您的胃口。

2. 如果您看完以後，知道我寫書、介紹一些控制項或是技術........不是「混過去」、「帶過去」而已，而是真真確確地蒐集 "有用的範例"，讓您學得更深入！

3. 如果您覺得：我出完書以後，還不定期地提供售後服務，提供補充教材......這樣的互動是 "良性"的，是值得鼓勵的。......已經推出兩百多篇補充範例了

4. 如果您（尤其是學生）真的想把基礎學好，而不是 "混"過這一門課就好、而不是寫個（畢業專題的）屍體出來交差（能畢業就好）.....那麼.......

請您購買下面的書籍，

東西多到您學不完

上 / 下兩集，兩本書的厚度（我蒐集的各種範例）將近兩千頁！！......絕對不會讓您失望

以下是今日值班正妹：

資料來源：http://auto-car-electric.blogspot.com/2010/04/2011-hyundai-verna-accent-unveiled.html

2011 Hyundai Verna-Accent Car Wallpaper

我將思想傳授他人，他人之所得，亦無損於我之所有；

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----Thomas Jefferson

線上課程教學，遠距教學 (Web Form 約 51hr) https://dotblogs.com.tw/mis2000lab/2016/02/01/aspnet_online_learning_distance_education_VS2015

線上課程教學，遠距教學 (ASP.NET MVC 約 135hr) https://dotblogs.com.tw/mis2000lab/2018/08/14/ASPnet_MVC_Online_Learning_MIS2000Lab

寫信給我，不要私訊 -- mis2000lab (at) yahoo.com.tw 或 school (at) mis2000lab.net

(1) 第一天 ASP.NET MVC5 完整影片（5.5小時 / .NET 4.x版）免費試聽。影片 https://youtu.be/9spaHik87-A

(2) 第一天 ASP.NET Core MVC 完整影片（3小時 / .NET Core 6.0~8.0）免費試聽。影片 https://youtu.be/TSmwpT-Bx4I

[學員感言] mis2000lab課程評價 - ASP.NET MVC , WebForm 。 https://mis2000lab.medium.com/%E5%AD%B8%E5%93%A1%E6%84%9F%E8%A8%80-mis2000lab%E8%AA%B2%E7%A8%8B%E8%A9%95%E5%83%B9-asp-net-mvc-webform-77903ce9680b

ASP.NET遠距教學、線上課程（Web Form + MVC）。第一天課程， "完整" 試聽。

......... facebook社團 https://www.facebook.com/mis2000lab ......................

......... YouTube (ASP.NET) 線上教學影片 https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA/

Blog文章 "附的範例" 無法下載，請看 https://dotblogs.com.tw/mis2000lab/2016/03/14/2008_2015_mis2000lab_sample_download

請看我們的「售後服務」範圍（嚴格認定）。

......................................................................................................................................................

ASP.NET MVC => .NET Core MVC 線上教學 ...... 第一天課程完整內容 "免費"讓您評估 / 試聽

[遠距教學、教學影片] ASP.NET (Web Form) 課程上線了！MIS2000Lab.主講事先錄好的影片，並非上課側錄！觀看時，有如「一對一」面對面講課。

回首頁

ASP.NET專題實務 WebForm + MVC線上教學影片 -- MIS2000Lab.

MIS2000 Lab.已推出20餘本電腦書，曾任資策會專任講師與微軟MVP。自.NET 1.x起，已出版15本ASP.NET (Web Form)書籍，也有遠距教學線上教程教學影片