本文是我個人備份,原始文章放在主要網站:ADO.NET #5,自己設定畫面,讓SqlDataSource幫我們撈(呈現)資料
http://www.dotblogs.com.tw/mis2000lab/archive/2008/09/22/sqldatasource_select_0922.aspx
本文內容需要具備一些基礎,不建議初學者觀賞。
本範例採用的 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控制項,就會出現這篇文章 各個欄位的內容。
---------------------------------------------------------------------------------------------------------------------------------
這個範例,我們同時以 DataReader與 DataSet 兩種方法來撰寫(共有兩支程式)。
如果您不懂 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版):
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 <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的特性)
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控制項來呈現。
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頁),是一大特點。希望對大家有幫助。
今日值班正妹,白歆惠。
圖片來源:http://buy.yahoo.com.tw/gdsale/gdsale.asp?gdid=1075020
設計對白:不好好學習ASP.NET,白老師會打你的小屁屁喔!
................................................................................................................................................................................................
................................................................................................................................................................................................
留言列表