天天看點

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

這節,我們将通過使用DevExpress的ASPxGridView控件,實作對資料的CRUD操作。

首先,我們在解決方案中,添加一個網站:

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                                                     圖一 添加新網站

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                              圖二 添加DevExpress.Data.v12.2.dll,DevExpress.Xpo.v12.2.dll,以及XPOModel的引用

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                                          圖三 從工具欄拖放ASPxGridView與XpoDataSource

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                               圖四 設定XpoDataSource的類型名稱 TypeName,先選擇控件,右鍵-屬性(或點選右上角小箭頭)

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

          圖五 點選TypeName屬性下拉選擇

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                           圖六 選這XPOModel.DemoDB.Users

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                      圖七 選擇ASPxGridView,右鍵屬性(或點選右上角箭頭),打開任務屬性設定

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                                   圖八 選擇DataSource,設定主題,設定分頁,可編輯、新增,删除

經過上述設定,Html代碼也發生變化,如下:

經過上述設定,主題并未生效,需要添加DevExpress.Web.v12.2.dll的引用

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

    圖九 添加DevExpress.Web引用

此時點選Default.aspx進行浏覽,打開的卻是報錯界面

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                         圖十 預設資料庫未能生成,報錯(如果上述目錄不存在,就會産生該錯誤)

這時,我們通過上面章節已經學習的方法,将Session與資料層綁定。

在Web.config中添加資料庫連接配接的配置節

 修改Default.aspx.cs代碼,将Session建立到資料層的綁定,并且設定XpoDataSource的Session

 選擇Default.aspx頁面,右鍵-在浏覽器中檢視

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                                         圖十一 資料綁定

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                           圖十二 點選Edit(編輯)

編輯完成後,點選Update(更新),完成對資料行的修改。

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                            圖十三 點埚New(新增),打開新新操作視圖

同理,點選Delete,将執行資料行的删除操作,但是這個删除,沒有提醒,我們可以增加行為。

 <SettingsBehavior ConfirmDelete="true" />

<SettingsText ConfirmDelete="确定删除嗎?" />

 再次點選Delete時,會彈出提示對話框,點選确定後,執行删除操作。

DevExpress ASP.NET 使用經驗談(5)-通過ASPxGridView實作CRUD操作

                                          圖十四 删除确認對話框

至此,沒有添加多餘的代碼,已經完全由ASPxGridView自身,完成了對資料庫表的CRUD操作。