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

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

 

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

     

 

 

相關的文章:http://www.cnblogs.com/ruiyi1987/archive/2009/07/16/1524586.html

 

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

 

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

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

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

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

 

請您購買下面的書籍,

東西多到您學不完

上 / 下兩集,兩本書的厚度(我蒐集的各種範例)將近 兩千頁 !!......絕對不會讓您失望

 

 

 

 

 

 

以下是今日值班正妹:

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

 

 

 

2011 Hyundai Verna-Accent Car Wallpaper2011 Hyundai Verna-Accent Car Wallpaper
 

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

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

寫信給我,不要私訊 --  mis2000lab (at) yahoo.com.台灣  或  school (at) mis2000lab.net



ASP.NET遠距教學、線上課程(Web Form + MVC)。 第二門 課程「四折」-- 以MVC課程 作優惠。
第一天課程, "完整" 試聽。  如不滿意  全額退費!
................   facebook社團   https://www.facebook.com/mis2000lab   ......................

................  YouTube (ASP.NET) 線上教學影片  http://goo.gl/rGLocQ

*********************************************************************************************

*** ASP.NET MVC線上課程 第一天 免費看 (5.5小時) *** 

************************************************************(歡迎索取,免費申請)*****

 

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

請看我們的「售後服務」範圍(嚴格認定)

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

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

[遠距教學、教學影片] ASP.NET (Web Form) 課程 上線了!MIS2000Lab.主講

事先錄製好的影片,並非上課時側錄!   觀看影片時,有如我「一對一」跟您面對面講課

 

ASP.NET MVC 5 線上教學

累積時數約 75小時...... 第一天(5.5小時)完整內容,"免費"讓您評估

    MIS2000 Lab.  線上教學影片(YouTube) **免費觀賞**