ADO.NET #5,自己設定畫面,讓SqlDataSource幫我們撈(呈現 .Seclect())資料

我想用其他的 Web控制項來展示資料,例如:TextBox、Label這些簡單的Web控制項,該怎麼作呢?

這種簡單型的Web控制項,就要自己動動手寫一點程式,才能完成!

這個範例,我們同時以 DataReader與 DataSet兩種方法來撰寫。




本文內容需要具備一些基礎,不建議初學者觀賞。

千萬不要為SqlDataSource "動手" 寫程式

本文的範例,我只是寫給大家看,SqlDataSource其實骨子裡面就是「ADO.NET」
寫法與流程都一樣。

您千萬不要為了「SqlDataSource精靈」寫程式。讓他來服務你,你不用服務他!你才是主人!!!!

本範例採用的 test資料表,與本書範例相同,這些範例來不及在書上發表,如今在網路上為讀者介紹,當成售後服務。
請您具備本書 GridView第九章、ADO.NET第十三&十四章的基礎後,才來觀摩本範例。

已經購買本書的讀者,這幾個範例,可以當成書本 14.2節 的後續補充文章   希望對大家有幫助。


 

 前  言

一般來說,我們提到 SqlDataSource或是AccessDataSource,都是透過 GridView / ListView這種大型的、多功能的「資料繫結控制項」。

因為兩者搭配(DataSource控制項 + 資料繫結控制項),有方便的精靈畫面,一步一步完成後,就OK啦。

簡單又方便、功能又強大。各位可以簡單的看看我寫的這篇文章(PDF檔).....文章下載

 

但是,如果客戶不想用固定的樣版,非得自己設計不可。

想用其他的 Web控制項來組合、展示資料,例如:TextBox、Label這些簡單的Web控制項,該怎麼作呢?

這種簡單型的Web控制項,就要自己動動手寫一點程式,才能完成!

 

上一篇文章,我們已經完成「新增(Insert)」資料的範例,現在我們將要利用「SqlDataSource幫我們完成的 Select指令」,自己設定 [資料輸出] 的畫面

這個範例在MSDN文件上找不到,因為SqlDatasource的 Selecting事件沒範例,所以我整理一下分享出來。

 

先看看執行成果吧(畫面如下),

當我們點選 DropDownList 的文章標題,

底下的幾個 Label / TextBox控制項,就會出現這篇文章  各個欄位的內容。

---------------------------------------------------------------------------------------------------------------------------------

這個範例,我們同時以  DataReaderDataSet 兩種方法來撰寫(共有兩支程式)。

如果您不懂 ADO.NET、DataReader與 DataSet.....請看看這篇文章----初探ADO.NET #2,DataReader 與 DataSet(資料集)

--------------------------------------------------------------------------------------------------------------------------------- 

動手寫程式  ---- 完成上面的基礎觀念後,我們開始寫程式

 1.  HTML畫面設計。

上方,我們使用 DropDownList控制項 + SqlDatasource(名為SqlDataSource_dropdownlist)。完整設定畫面,可以參考本書 9.4節(P.9-46頁),這是很入門的基礎設定(或參考下圖)。

下方,有一個 Label控制項、數個 TextBox控制項,拉進來就好,不特別。

最下方還有一個 SqlDataSource1,這個滿重要的!我整本書的第九章,都在練習這個設定。請看本書9.5.1節,SqlDataSource的「WHERE」子句,這裡設定很重要,學會了可以有很多變化。

(以DataReader 來寫,先把 SqlDataSource1的 DataSourceMode屬性設定為 DataReader

 

HTML畫面原始碼如下( .aspx檔案)(DataReader版):

01     <asp:DropDownList ID="DropDownList1" runat="server"  
02         AutoPostBack="True" DataSourceID="SqlDataSource_dropdownList" DataTextField="title"  
03         DataValueField="id">
04         </asp:DropDownList>
05     </span>
06     <asp:SqlDataSource ID="SqlDataSource_dropdownList" runat="server"  
07         ConnectionString="<%$ ConnectionStrings:testConnectionString1 %>"  
08         SelectCommand="SELECT [id], [title] FROM [test]"></asp:SqlDataSource>
09         <br class="style3" />
10         <span class="style3">文章的詳細內容,會出現在下面的控制項</span><br class="style3" />
11         <br />
12     id ----<asp:Label ID="Label_id" runat="server"></asp:Label>
13     &nbsp;&nbsp;&nbsp; <span class="style1"> <span class="style5">[DataReader版]</span></span><br />
14     <br />
15     Title----<asp:TextBox ID="TextBox_title" runat="server"></asp:TextBox>
16     <br />
17     <br />
18     Summary--<asp:TextBox ID="TextBox_summary" runat="server"></asp:TextBox>
19     <br />
20     <br />
21     Article--<asp:TextBox ID="TextBox_article" runat="server" Height="150px"  
22         TextMode="MultiLine" Width="480px"></asp:TextBox>
23     <br />
24     <br />
25     Author--<asp:TextBox ID="TextBox_author" runat="server"></asp:TextBox>
26     <asp:SqlDataSource ID="SqlDataSource1" runat="server"  
27         ConnectionString="<%$ ConnectionStrings:testConnectionString1 %>"          
28         
29         SelectCommand="SELECT [id], [title], [summary], [article], [author] FROM [test] WHERE ([id] = @id)"  
30         DataSourceMode="DataReader" >
31         <SelectParameters>
32             <asp:ControlParameter ControlID="DropDownList1" Name="id"  
33                 PropertyName="SelectedValue" Type="Int32" />
34         </SelectParameters>
35     </asp:SqlDataSource>

 

---------------------------------------------------------------------------------------------------------------------------------

2. 後置程式碼 (第一支程式,DataReader版)

  • 重點---- 10~11行,用 IDataReader接住「撈出來的資料」,再由其他Web控制項來呈現。
  •  
  • 必須用 .Read() 進行讀取,才會成功(這是DataReader的特性)
01 Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged
02         SqlDataSource1.DataSourceMode = SqlDataSourceMode.DataReader
03         '== 如果 DataSourceMode 屬性設為 DataReader 值,則會傳回 IDataReader 物件。
04         '== 當完成讀取資料時,請關閉 IDataReader 物件。
05
06         Dim args As New DataSourceSelectArguments
07         '== DataSourceSelectArguments 提供一項機制,讓資料繫結控制項於擷取資料時,
08         '== 用來向資料來源控制項要求資料相關的作業。
09
10         Dim I_DR As IDataReader = CType(SqlDataSource1.Select(args), IDataReader)
11
12         I_DR.Read()  '*****  重點!! *****
13
14         Label_id.Text = I_DR.Item("id").ToString()
15         TextBox_title.Text = I_DR.Item("title").ToString()
16         TextBox_summary.Text = I_DR.Item("summary").ToString()
17         TextBox_article.Text = I_DR.Item("article").ToString()
18         TextBox_author.Text = I_DR.Item("author").ToString()
19
20         '== 當完成讀取資料時,請關閉 IDataReader 物件。
21         I_DR.Close()
22         I_DR.Dispose()
23 End Sub

 

 

後置程式碼 (第二支程式,DataSet版) 

  • 倘若要改成 DataSet的寫法,  上一個步驟的HTML畫面(.aspx檔案)。先把 SqlDataSource1的 DataSourceMode屬性設定為 DataSet
  •  
  • 重點----用 DataView接住「撈出來的資料」,再由其他Web控制項來呈現。
01 Protected Sub DropDownList1_SelectedIndexChanged(ByVal sender As Object, ByVal e As System.EventArgs) Handles DropDownList1.SelectedIndexChanged
02         Dim args As New DataSourceSelectArguments
03         '== DataSourceSelectArguments 提供一項機制,讓資料繫結控制項於擷取資料時,
04         '== 用來向資料來源控制項要求資料相關的作業。
05
06         Dim dv As DataView = CType(SqlDataSource1.Select(args), DataView)
07
08         Label_id.Text = dv.Table(0).Item("id").ToString
09         TextBox_title.Text = dv.Table(0).Item("title").ToString()
10         TextBox_summary.Text = dv.Table(0).Item("summary").ToString()
11         TextBox_article.Text = dv.Table(0).Item("article").ToString()
12         TextBox_author.Text = dv.Table(0).Item("author").ToString()
13
14         dv.Dispose()
15 End Sub

 

 

---------------------------------------------------------------------------------------------------------------------------------

程式執行畫面如下:

當我們點選 DropDownList 的文章標題,

底下的幾個 Label / TextBox控制項,就會出現這篇文章  各個欄位的內容。

 --------------------------------------------------------------------------------------------------------------------------------- 

 

 本文介紹的兩個程式,請由此下載----Sample_2.rar

很多基礎的東西,如果您看不懂,可能是一些基礎還不穩固。

本文是補齊書本內的不足、也是本書的售後服務,假設本文的讀者已經有基礎、或是看完本書了)因此很多基礎設定都跳過去了,請見諒。

 

 

後  記

自從ASP.NET 2.0面市以來,因為新功能太多了(介紹不完),很少有書本會介紹 ADO.NET,

大多以 SqlDatasource或  AccessDataSource來解說。

甚至有人說:「SqlDataSource已經取代 ADO.NET」(大錯特錯的說法!) 

ADO.NET才是 .NET資料存取的核心,地位等同於以前ASP時代的「ADO」,不可能被取代。

 

只會使用 SqlDataSource現成的設定、精靈,一下子就遇見瓶頸了。

很多討論區都有類似的問題,初學者學會一些VS 2005/2008的操作後,終究還是得面臨ADO.NET的實作!

要更進一步提升功力,還是要瞭解ADO.NET觀念、動手實作

 

我出版的書,對於ADO.NET觀念(第十三章)手寫ADO.NET程式(第十四章),花了兩大章去介紹各種範例(合計124頁),是一大特點。希望對大家有幫助。

 

 

我的書上市了,煩請賞光、支持一下。   感恩~

ASP.NET 4.0 專題實務(松崗出版),本書有VB、C#兩種版本!

本系列 ADO.NET 共有下面文章:

範例:

 

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

 

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

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

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

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

 

請您購買下面的書籍,

東西多到您學不完

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

 

 

 

 

 

 今日值班正妹,白歆惠。

圖片來源:http://buy.yahoo.com.tw/gdsale/gdsale.asp?gdid=1075020

        設計對白:不好好學習ASP.NET,白老師會打你的小屁屁喔!

 
 

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

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

寫信給我--  mis2000lab (at) yahoo.com.台灣  或是  school (at) mis2000lab.net

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

................   Google+   https://plus.google.com/100202398389206570368/posts ........

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

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

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

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

 

ASP.NET遠距教學、線上課程(Web Form + MVC)第二門 課程「四折」-- 以MVC課程作為優惠。

第一天完整課程,提供 "完整" 試聽。  如不滿意 全額退費!

 

 

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

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

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

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

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

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

 

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