Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
第九章 DataBinding觀念與
SqlDataSource精靈的限制
E-Mail -- mis2000lab@yahoo.com.tw
網站 http://www.dotblogs.com.tw/mis2000lab/
ASP.NET學...
MIS2000 Lab.簡介
• 工作室成員包含:大學教授、業界技術經理、微軟MVP獎得主。
• 想要親自上課,請參考:
http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/2980...
MIS2000 Lab.當面授課,機會難得!
• ASP.Net (Web Form) 上課內容&報名,請恰:
• http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.a...
9-1 資料繫結,DataBinding的觀念
• 大型控制項(例如GridView、DetailsView等,又稱為資料繫結控
制項)是「呈現」資料到畫面上的UI(使用者介面),是一種給
使用者用的操作介面。
• DataSource控制項(...
• 下面兩張圖片說明了DetailsView + SqlDataSource兩種控制項是如
何結合在一起?綁定在一起?
ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站
http://www.dotblogs.com.tw/...
9-2 SqlDataSource的缺失(Bug)
• 範例1_DropDownList_Error.aspx是上一章做的範例,只要
DetailsView可新增、刪除、編輯(更新),就會發覺大缺失。
ASP.NET學習教材(松崗),作者:MI...
9-2 SqlDataSource的缺失(Bug)
• 範例1_DropDownList_Error.aspx是上一章做的範例,只要
DetailsView可新增、刪除、編輯(更新),就會發覺大缺失。
• 請直接觀賞影片與說明:
• https...
9-3 自己寫程式來做DataBinding
• 瞭解上一個範例(1_DropDownList_Error.aspx)的缺失以後,我們
依照「流程」來解說並稍做修改。
• 第一,點選 DropDownList選一篇文章。
• 第二,下方的Det...
9-4 Case Study─
我的GridView有「新增」功能
• 範例 Default_book_4_GridView_Add.aspx 執行結果。
• GridView控制項竟然有一個新增資料的按鈕?還可以呼叫出
DetailsView...
• GridView並沒有新增(Insert)的樣板,所以我們必
須放在「EmptyDataTemplate」樣板裡面。
• 第一、負責新增資料的DetailsView(請將它預設為「新增」模
式),並將它塞到GridView的「EmptyDa...
Upcoming SlideShare
Loading in …5
×

09 DataBinding & SqlDataSource的小錯誤 (ASP.NET)

545 views

Published on

ASP.NET學習教材 VB & C# (松崗出版) 作者:MIS2000 Lab.

作者網站: http://www.dotblogs.com.tw/mis2000lab/
另有ASP.NET課程,歡迎參與。由我本人親自授課。

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

書籍購買:
http://24h.pchome.com.tw/books/prod/DJAA2V-A84340111
http://24h.pchome.com.tw/books/prod/DJAA2V-A83003754

Published in: Education
  • Be the first to comment

  • Be the first to like this

09 DataBinding & SqlDataSource的小錯誤 (ASP.NET)

  1. 1. 第九章 DataBinding觀念與 SqlDataSource精靈的限制 E-Mail -- mis2000lab@yahoo.com.tw 網站 http://www.dotblogs.com.tw/mis2000lab/ ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 1
  2. 2. MIS2000 Lab.簡介 • 工作室成員包含:大學教授、業界技術經理、微軟MVP獎得主。 • 想要親自上課,請參考: http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx • Blog(範例與新技術):http://www.dotblogs.com.tw/mis2000lab/ • FaceBook社群:https://www.facebook.com/mis2000lab • YouTube教學影片(不定期更新):https://www.youtube.com/channel/UC6IPPf6tvsNG8zX3u1LddvA • G+社群:https://plus.google.com/u/0/100202398389206570368/posts ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 2
  3. 3. MIS2000 Lab.當面授課,機會難得! • ASP.Net (Web Form) 上課內容&報名,請恰: • http://www.dotblogs.com.tw/mis2000lab/archive/2011/06/24/29807.aspx • 自2011年初開課以來,全省已經有650人次以上參與本課程! • E-Mail -- mis2000lab@yahoo.com.tw ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 3
  4. 4. 9-1 資料繫結,DataBinding的觀念 • 大型控制項(例如GridView、DetailsView等,又稱為資料繫結控 制項)是「呈現」資料到畫面上的UI(使用者介面),是一種給 使用者用的操作介面。 • DataSource控制項(資料來源控制項,如SqlDataSource)才是真 正連結資料庫,執行資料「撈出(查詢)、回寫」動作。 • 之前章節學習到的範例就是利用上述兩者(雙劍合璧)的威力, 完成了許多Master-Details主表明細功能。 • 兩者的結合就是「資料繫結(DataBinding)」。 ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 4
  5. 5. • 下面兩張圖片說明了DetailsView + SqlDataSource兩種控制項是如 何結合在一起?綁定在一起? ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 5
  6. 6. 9-2 SqlDataSource的缺失(Bug) • 範例1_DropDownList_Error.aspx是上一章做的範例,只要 DetailsView可新增、刪除、編輯(更新),就會發覺大缺失。 ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 6
  7. 7. 9-2 SqlDataSource的缺失(Bug) • 範例1_DropDownList_Error.aspx是上一章做的範例,只要 DetailsView可新增、刪除、編輯(更新),就會發覺大缺失。 • 請直接觀賞影片與說明: • https://www.youtube.com/watch?v=P7AKhH-9YrE&feature=youtu.be ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 7
  8. 8. 9-3 自己寫程式來做DataBinding • 瞭解上一個範例(1_DropDownList_Error.aspx)的缺失以後,我們 依照「流程」來解說並稍做修改。 • 第一,點選 DropDownList選一篇文章。 • 第二,下方的DetailsView出現這篇文章的詳細內容。然後去編 輯(修改)這篇文章的標題。 • 第三,修改”以後”(重點!!),上方的DropDownList如果 可以”重新”從資料庫取得最新的資料,就可以避開上一個範 例的缺失! DetailsView的 ItemUpdated事件裡面,寫這段程式: DropDownList1.DataSourceID = “SqlDataSource1” ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 8
  9. 9. 9-4 Case Study─ 我的GridView有「新增」功能 • 範例 Default_book_4_GridView_Add.aspx 執行結果。 • GridView控制項竟然有一個新增資料的按鈕?還可以呼叫出 DetailsView控制項? • 本範例較為進階, 老師請依實際狀況決定 是否教學? ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 9
  10. 10. • GridView並沒有新增(Insert)的樣板,所以我們必 須放在「EmptyDataTemplate」樣板裡面。 • 第一、負責新增資料的DetailsView(請將它預設為「新增」模 式),並將它塞到GridView的「EmptyDataTemplate」樣板裡面。 • 第二、設計一個Button按鈕,務必設定CommandName(請自 行命名)。當使用者一按下這個按鈕,就要開啟「GridView的 EmptyDataTemplate樣板」。 當使用者一按下這個按鈕,就要開啟「GridView的 EmptyDataTemplate樣板」,這部份需要動些手腳,請看下一步驟。 • 第三、當SqlDataSource資料來源控制項“找不到任何資料(null 或Nothing)”時,就會啟動GridView的EmptyDataTemplate樣板! ASP.NET學習教材(松崗),作者:MIS2000 Lab.,網站 http://www.dotblogs.com.tw/mis2000lab/ 10

×