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

寫信給我--  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) **免費觀賞**