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

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

2009-12-01

ADO.NET #10 DetailsView 變更模式（完全手寫、後置程式碼！）

摘要:[習題]DetailsView 變更模式（自己動手寫程式）

跟 FormView一樣，在改變模式（使用 .ChangeMode()方法）的時候要小心





 

1). 首先，我們先用 DetailsView + SqlDataSource完成所有功能，

      包含「新增」、「刪除」、「編輯」、「更新」等等動作。

 

2). 接下來，把每一個 DetailsView欄位，都修改成「樣版」。

上述兩個步驟，如果自己動手寫的話，太繁瑣了。

所以借重VS 2008的威力來完成（事實上，我是在VS 2010 Beta 2上面寫的）

 

3). 把HTML原始檔裡面的 SqlDataSource刪除，因為我們要自己寫程式去做這些事。

 

其中，比較麻煩的地方，就是「變更 DetailsView的模式」。這一步驟花了我一些時間去測試。

 

後置程式碼如下：

    其中的 DBInit() ，就是我自己寫的 DataSet程式，用來作簡單的資料繫結。

   請參考 ASP.NET專題實務 /文魁出版，第十章的第四節。

    有一模一樣的 DBInit()

01     Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
02         If Not Page.IsPostBack Then
03             DBInit()   '---只有第一次執行本程式，才會進入 if判別式內部。
04         End If
05     End Sub
06
07
08     Protected Sub DetailsView1_ItemCommand(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewCommandEventArgs) Handles DetailsView1.ItemCommand
09         If e.CommandName = "Edit" Then
10             Label_Msg.Text = "<font color=red>編輯（Edit）模式</font>"
11             DetailsView1.ChangeMode(DetailsViewMode.Edit)  '==超級重點！！
12             '-- ChangeMode()方法， 參考資料：http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.detailsview.changemode.aspx
13             
14             
15
16             DetailsView1.AllowPaging = False
17             '-- 處於「編輯模式」，不可以有分頁。
18             DBInit()
19         End If
20
21         If e.CommandName = "New" Then
22             Label_Msg.Text = "<font color=green>新增（Insert）模式</font>"
23             DetailsView1.ChangeMode(DetailsViewMode.Insert)  '==超級重點！！
24             
25
26             DetailsView1.AllowPaging = False
27             '-- 處於「新增模式」，不可以有分頁。
28             DBInit()
29         End If
30
31         If e.CommandName = "Cancel" Then
32             Label_Msg.Text = "<font color=green>你剛剛按下取消（Cancel）按鈕</font>"
33             DetailsView1.ChangeMode(DetailsViewMode.ReadOnly)  '==超級重點！！
34             
35
36             DetailsView1.AllowPaging = True
37             DBInit()
38         End If
39
40     End Sub
41
42
43     
44     Protected Sub DetailsView1_PageIndexChanging(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DetailsViewPageEventArgs) Handles DetailsView1.PageIndexChanging
45         '----分頁----
46         If DetailsView1.CurrentMode = DetailsViewMode.Edit Then
47             '-- CurrentMode 參考資料：http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.detailsview.currentmode.aspx
48             '--分頁的時候，不可以使用「編輯模式」
49             e.Cancel = True
50         End If
51
52         DetailsView1.PageIndex = e.NewPageIndex
53         Label_Msg.Text = "分頁（PageIndexChanging()事件）.....目前是第" & e.NewPageIndex & "頁（頁數從[零]算起）"
54         DBInit()
55     End Sub
56
57
58     
59         
60     

 

重點在於 DetailsView1_ItemCommand()的事件裡面，

我特別把相關的參考網址列出來。

這部分的作法，跟 GridView的變換模式不一樣，比較特別！....跟FormView的寫法類似

 

要轉換 DetailsView的模式，需要這兩行程式碼----

            DetailsView1.ChangeMode(DetailsViewMode.Edit) 

            DetailsView1.DefaultMode = DetailsViewMode.Edit

 

 

 參考資料如下：

DetailsView 的 .ChangMode()方法 -- http://msdn.microsoft.com/zh-tw/library/system.web.ui.webcontrols.detailsview.changemode.aspx

變更 DetailsView的模式 -- http://social.msdn.microsoft.com/Forums/zh-TW/236/thread/d09d271f-d88e-43e2-b0ce-9b89bafa0787

我也是看到上面這兩個範例，才完成的。特別列出來給大家參考。

 

2014/3/31補充文章 -- 

DetailsView or FormView「新增」一筆記錄時，事先帶入預設值？

 

 

 

目前的書（ASP.NET專題實務 /文魁出版）只列出自己動手寫程式  100%控制 GridView的範例，

有讀者希望看見 ListView、FormView、DetailsView，也都可以自己動手打造。

到了這篇文章，算是把這四大天王的範例，都提供出來了。

ListView ----

FormView ----

GridView --

 

 

 

 

小小廣告一下，等到新書出版（ASP.NET專題實務 for .NET 4.0與 VS 2010），書裡面的內容一定會更詳細。

 

好久沒有今日值班正妹，大家溫習一下：

 

 

 

 

 

 

 

 

 

 

 

今日值班正妹：資訊展 Show Girl.....（有圖有真相）

 

我喜歡最後一張圖片的正妹  

資料來源 IT.Com.tw http://it.oc.com.tw/ocitview.asp?gitid=1120026

http://mag.udn.com/mag/digital/storypage.jsp?f_ART_ID=224139

 

 

 

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

猶如一人以我的燭火點燭，光亮與他同在，我卻不因此身處黑暗。----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.主講   事先錄好的影片，並非上課側錄！   觀看時，有如「一對一」面對面講課。

 

 

 

贊助商連結

BloggerAds