GridView和DataGrid的異同

本篇內(nèi)容介紹了“GridView和DataGrid的異同”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

GridView和DataGrid的異同

GridView 是 DataGrid的后繼控件，在.net framework 2 中，雖然還存在DataGrid，但是GridView已經(jīng)走上了歷史的前臺，取代DataGrid的趨勢已是勢不可擋。GridView和DataGrid功能相似，都是在web頁面中顯示數(shù)據(jù)源中的數(shù)據(jù)，將數(shù)據(jù)源中的一行數(shù)據(jù)，也就是一條記錄，顯示為在web頁面上輸出表格中的一行。

GridView相對于DataGrid來說，具有如下優(yōu)勢，功能上更加豐富，因為提供了智能標記面板（也就是show smart tag）更加易用方便,常用的排序、分頁、更新、刪除等操作可以零代碼實現(xiàn)！具有PagerTemplate屬性，可以自定義用戶導(dǎo)航頁面，也就是說分頁的控制更加隨心所欲。GridView和DataGrid在事件模型上也多有不同之處，DataGrid控件引發(fā)的都是單個事件，而GridView控件會引發(fā)兩個事件，一個在操作前發(fā)生，一個在操作后發(fā)生，操作前的事件多位***ing事件，操作后的事件多位***ed事件，比如Sorting 事件和sorted 事件，RowDeleting和RowDeleted事件。

GridView操作初步

1、顯示數(shù)據(jù)源中的數(shù)據(jù)

從ToolBox中選取GridView控件拖到頁面上，然后點擊右鍵，選擇Show Smart Tag,在Choose Data Source中選擇 New Data Source, 出現(xiàn)Data Source Configuration Wizard,選擇連接字符串，可以選擇已經(jīng)存放在web.config中的ConnectionString ,然后可以選擇是使用存儲過程，還是從表或視圖中選擇數(shù)據(jù)。

在這一步，左側(cè)的Where語句可以指定查詢條件，點擊Where，出現(xiàn)Add Where Clause ,選擇要設(shè)定條件的列，操作符是等于還是like還是其它，然后選擇Source，也就是說要限定的條件從哪里取值，可以是Control、Session、Form、Cookie、QueryStirng等，如果選擇Control，那么需要在右側(cè)，選中是那個控件，然后還可以設(shè)定默認值，設(shè)定完后系統(tǒng)自動生成Sql 表達式和值的表達式，此時點擊Add按鈕，完成條件的添加，Where Cluase下出現(xiàn)剛剛添加的條件。如果沒有點擊Add，很容易設(shè)定了條件，但是因為沒有添加到Where子句中，所以不起作用。

在這一步，左側(cè)的Order By，可以讓我們設(shè)定排序列，就是我們?nèi)〕龅挠涗浺凑帐裁磁蛇d，可以設(shè)定三個列，是升序還是降序。

在這一部，左側(cè)的Advanced，可以設(shè)定Advanced Sql Generation Options,這里可以生成這個查詢的Insert、update、Delete語句，當然，前提是您選擇的字段中必須包含了主鍵。當您想在GridView中不編寫任何代碼實現(xiàn)對表格的編輯、刪除等操作時，就必須在配置數(shù)據(jù)源時，在這里生成Insert、Update、Delete這些語句。 GridView中編輯刪除等操作的零代碼，就是根據(jù)配置數(shù)據(jù)源時自動生成的這些語句來完成數(shù)據(jù)源的更新刪除等操作的。

在***一步，您可以測試一下您剛剛生成的查詢是否正確，***點擊完成，數(shù)據(jù)已經(jīng)出現(xiàn)在頁面上了，按Ctrl+F5運行。

恭喜您！您已經(jīng)會使用Asp.net來顯示數(shù)據(jù)庫中的數(shù)據(jù)了。

2、讓GridView可以分頁

GridView把數(shù)據(jù)顯示出來了，但是那么多條記錄羅列到一頁上是不合適的，我們應(yīng)該對數(shù)據(jù)進行分頁。還記得在asp時代，分頁是多么的麻煩，需要編寫很多的代碼，而且各種分頁組件也應(yīng)運而生。而在GridView中，您會發(fā)現(xiàn)，分頁是如此的簡單，只需要您輕點鼠標，在Show Smart Tag中，選中Enable Paging，表格的分頁操作變完成了，是不是So Easy呢。

并不是什么數(shù)據(jù)源都可以讓GridView實現(xiàn)自動分頁的，比如如果DataSourceMode是DataReader，就無法實現(xiàn)自動分頁。而且只有ObjectDataSource是界面級別的支持分頁，類似我們常用的SqlDataSource都是先提取所有的記錄，然后只顯示本頁需要顯示的記錄，然后拋棄其余的記錄，都有點浪費資源的啦！

當GridView的AllowPaging屬性設(shè)置為True的時候，我們實現(xiàn)了分頁，我們還可以對分頁進行一些個性化的設(shè)置。常用的屬性包括：PageIndex――設(shè)置數(shù)據(jù)顯示的當前頁面，默認是0，也就是數(shù)據(jù)的首頁。PageSize ――也就是一頁顯示多少條記錄，默認為10條。在PagerSettings中，還可以對分頁的導(dǎo)航按鈕進行詳細設(shè)置，在Mode屬性中，可以設(shè)置：Numeric――默認的，分頁用數(shù)字表示，1，2，3……。NextPrevious、NextPreviousFirstLast、NumericFirstLast均可顧名思義，顯示上一頁、下一頁、首頁、末頁等。當Mode設(shè)定不是Numeric時，那么可以通過設(shè)定FirstPageText、LastPageText等屬性來實現(xiàn)分頁導(dǎo)航時，到首頁、末頁、下頁、上頁時顯示的文字提示。

如果想實現(xiàn)分頁界面的完全自動控制，還可以點擊GridView右鍵，選擇編輯模版－PagerTemplate來實現(xiàn)，在模版中加入若干個Button控件，然后將Button控件的CommandName屬性設(shè)置為Page,將CommandArgument屬性分別設(shè)置為First、Last、Prev、Next或者一個數(shù)字，即可實現(xiàn)分頁操作。

3、GridView中的編輯、刪除、排序

數(shù)據(jù)從數(shù)據(jù)源中提取出現(xiàn)，顯示在網(wǎng)頁上后，我們?nèi)绻枰獙ζ渲械臄?shù)據(jù)進行編輯、更新、刪除等操作，還是不需要編寫任何代碼，利用GridView內(nèi)置的功能即可實現(xiàn)。

在智能標記中，點擊編輯列，在Avaliable Fields中，選擇ComandField，然后雙擊Edit,update,cancel和Delete，我們就為GridView添加了編輯和刪除功能。如果在配置數(shù)據(jù)源的時候，我們已經(jīng)生成了Insert、update、delete這些語句，那么我們現(xiàn)在就可以執(zhí)行程序。點擊頁面上的Edit，出現(xiàn)Update和Cancel按鈕，同時當前行除了主鍵以外的列，數(shù)值都放在了一個文本框中，可以進行編輯，然后點擊Update即可保存。點擊Delete，刪除當前行記錄。您是不是已經(jīng)被GridView強大的功能折服了呢？

在Show Smart Tag中，選擇Enable Sorting，這時所有列的Header都變成了一個超鏈接，其實這些都是一個LinkButton控件，運行代碼，在網(wǎng)頁生成的數(shù)據(jù)表中，點擊***行中的列名，即可按照當前列進行排序，再次點擊則反向排序。

如果您只需要對其中的幾列進行排序，可以在智能標記中，選擇編輯列，選中要排序的列，然后在右側(cè)的屬性中找到SortExpression屬性，然后從下拉框中選擇根據(jù)哪個字段排序，一般當然是當前字段咯，完成排序的設(shè)置。如果您不需要這一列參與排序，那么只需要把此列的SortExpression屬性后面的值刪除，也就是說設(shè)置成空字符串即可。試一試，是不是排序已經(jīng)盡在掌握之中了呢？

GridView中的自定義列

GridView可以根據(jù)數(shù)據(jù)源自動生成列，但是如果我們需要自定義列的顯示方式，讓GridView的列完完全全的由我們自己來控制，我們就需要用到一種特殊的列――TemplateField。因為GridView生成的列都是一個字段一列，如果我們需要把兩個字段合并為一列顯示呢？我們可以使用模板列。我們可以指定包含標記和控件的模版，自定義列的布局和行為，我們可以新建一個模版列，也可以直接把已經(jīng)生成的列轉(zhuǎn)換為模版列來進行個性化的設(shè)置。

在GridView上單擊右鍵，選擇編輯模版，在彈出菜單中選擇要編輯的列，出現(xiàn)列模版的編輯畫面。其中HeaderTemplate――自定義列的標頭部分顯示的內(nèi)容，F(xiàn)ooterTemplate――腳注部分顯示哪諶藎?/SPAN>ItemTemplate――是打開網(wǎng)頁后此列數(shù)據(jù)顯示的內(nèi)容，EditItemTemplate――此列處于編輯狀態(tài)時如何顯示，AlternatingItemTemplate――交替項顯示的內(nèi)容，也就是說為了顯示效果，可以隔行分別以不同的風(fēng)格顯示。

Example 1：

我們現(xiàn)在假設(shè)有一個表，其中有一個字段是username，我們現(xiàn)在產(chǎn)生一個自定義列，自定義列中包含此人的照片，同時我們假定照片的路徑為image/username.jpg。我們首先右鍵點擊GridView，在智能標記中，選擇編輯列，添加一個模版列，然后編輯模版中的ItemTemplate，加入一個Image控件，然后右鍵點擊Image控件，選擇Edit DataBindings，在ImageUrl中設(shè)置Field Binding，首先我我要Bound to 數(shù)據(jù)源中的某列，因為所有圖片的路徑和格式是相同的，唯有名字不同而已，所以我們這里選中username字段，在format中，我們要自己定義其格式，輸入image/{0}.jpg, {0}代表的就是上面綁定的字段，下面有一個Two Way DataBinding 的復(fù)選框，就是是否雙向綁定的意思，如果單向綁定，一般采用Eval，也就是說數(shù)值只從數(shù)據(jù)源傳到頁面上，如果雙向綁定，也就是采用Bind的話，對數(shù)據(jù)的修改可以回傳到數(shù)據(jù)源之中。

在web頁面執(zhí)行時，不同的行因為username不同，圖片的名字也會做出相應(yīng)的替換。點擊確定，然后執(zhí)行當前網(wǎng)頁，我們就可以看到在我們的自定義列中顯示出了用戶的照片。

Example 2：

在數(shù)據(jù)庫中，存儲性別的時候，一般采用bit數(shù)據(jù)類型，存儲為True或者False，在GridView自動生成列的時候，一般使用CheckedBoxField 列來顯示bit類型的數(shù)據(jù)，顯示在網(wǎng)頁上就是一個單選框，如果選中，也就是Checked了，就是男的，否則就是女的。這樣看起來，很不直觀，下面我們通過自定義列將性別顯示為男、女。

首先在GridView的Show Smart Tag中，選擇編輯列，然后雙擊TemplateFields ,添加了一個模版列，確定后，點擊右鍵選擇編輯模版，選中剛添加的列。在ItemTemplate中添加一個DropListDown控件，然后編輯它的數(shù)據(jù)綁定，Edit DataBinding，把SelectedValue屬性綁定到性別列。

在DropListDown控件中選擇 Edit Item，就是編輯其下拉列表的項，我們添加兩個Item，一個的Text屬性是男，Value設(shè)置為True，一個的Text屬性設(shè)置為女，Value屬性設(shè)置為False。到這里，你明白了么？因為DropDownList控件的顯示文本和其值是可以不一樣的，我們用數(shù)據(jù)綁定取到了性別這一列的值，True或者False，然后反映到DropDownList控件上，如果值為True，因為Text屬性為男的Item的Value為True，所以我們現(xiàn)在運行網(wǎng)頁，在新添加的列中，顯示的不再是單選框或者True、false這些沒有含義的東西，而是以下拉列表的方式顯示出了當前用戶是 男還是女。

自定義列中的數(shù)據(jù)更新

假設(shè)數(shù)據(jù)庫中有一個"權(quán)限"字段，值為0代表未審核用戶，為1代表一般用戶，為9則代表管理員用戶。根據(jù)前面所說的自定義列的辦法，通過對DropListDown的綁定，在網(wǎng)頁中顯示權(quán)限為 "管理員"，而不是顯示數(shù)字9。問題產(chǎn)生了，如果我們調(diào)整用戶權(quán)限的話，比如把一般用戶更改為管理員，在編輯模版中的用戶權(quán)限的下拉列表，如何把它的值返回給數(shù)據(jù)源來完成更新操作。

我們在EditItemTemplate中設(shè)置的DropListDown控件，必須選中了Two Way DataBinding，也就是數(shù)據(jù)雙向幫定，這樣才能返回數(shù)據(jù)。前面我們談到，在GridView中，事件不是單個的，是兩個，一個是發(fā)生前，一個是發(fā)生后，因為我們需要在數(shù)據(jù)更新前把下拉列表的權(quán)限值傳送出去，所以我們需要對GridView1_RowUpdating 進行編碼,編碼如下：

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)   {   //當前編輯的是哪行？           int index = GridView1.EditIndex;     //取得當前編輯行的GridViewRow對象           GridViewRow gvr = GridView1.Rows[index];     //在當前行中，尋找DropListDown控件           DropDownList dp = (DropDownList)gvr.FindControl("editdrop");     //將DropListDown的值賦給NewValues集合中的權(quán)限字段。           e.NewValues["rights"] = dp.SelectedValue;   }

RowDataBound事件

在創(chuàng)建gridView控件時，必須先為GridView的每一行創(chuàng)建一個GridViewRow對象，創(chuàng)建每一行時，將引發(fā)一個RowCreated事件；當行創(chuàng)建完畢，每一行GridViewRow就要綁定數(shù)據(jù)源中的數(shù)據(jù)，當綁定完成后，將引發(fā)RowDataBound事件。如果說我們可以利用RowCreated事件來控制每一行綁定的控件，那么我們同樣可以利用RowDataBound事件來控制每一行綁定的數(shù)據(jù)，也就是讓數(shù)據(jù)如何呈現(xiàn)給大家。

還舉同樣的例子，在數(shù)據(jù)表中，存在性別列，上面我們用DropListDown控件的DataBounding來表示出了中文的性別，但是畢竟不太美觀，我們現(xiàn)在可以利用Label控件和RowDataBound事件來實現(xiàn)***的中文性別顯示。RowDataBound，

首先，還是把性別列，設(shè)置為模板列，并添加一個Label控件，將Label控件綁定到數(shù)據(jù)源的性別段，然后我們在GridView控件屬性的事件列表中雙擊RowDataBound，生成如下事件：

Example：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)   {   //判斷當前行是否是數(shù)據(jù)行           if (e.Row.RowType == DataControlRowType.DataRow)           {  //用FindControl方法找到模板中的Label控件   Label lb1= (Label)e.Row.FindControl("Label1");   //因為RowDataBound是發(fā)生在數(shù)據(jù)綁定之后，所以我們可以   //判斷Label綁定的數(shù)據(jù)，如果是True，就更改其text屬性為男                   if (lb1.Text== "True")                         lb1.Text = "男";                   else                        lb1.Text = "female";           }       }

RowType

RowType可以確定GridView中行的類型，RowType是玫舉變量DataControlRowType中的一個值。RowType可以取值包括 DataRow、Footer、Header、EmptyDataRow、Pager、Separator。很多時候，我們需要判斷當前是否是數(shù)據(jù)行，通過如下代碼來進行判斷 ：

if (e.Row.RowType == DataControlRowType.DataRow)

RowDeleting和RowDeleted事件

RowDeleting發(fā)生在刪除數(shù)據(jù)之前，RowDeleted發(fā)生在刪除數(shù)據(jù)之后。

使用RowDeleting事件，可以在真正刪除前再次確認是否刪除，可以通過設(shè)置GridViewDeleteEventArgs.Cancel=True來取消刪除；也可以用于判斷當前數(shù)據(jù)庫記錄數(shù)，如果只剩一條記錄且數(shù)據(jù)庫不能為空則提示并取消刪除操作。

使用RowDeleted事件，可以在刪除后，通過GridViewDeletedEventArgs的Exception屬性判斷刪除過程中是否產(chǎn)生異常，如無異常，則可以顯示類似于” 1 Records deleted” 之類的提示信息。

Example：

 protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e)   {   //取得當前行號，并取得當前行的GridViewRow對象           int index=e.RowIndex ;           GridViewRow gvr=GridView1.Rows[index];   //取得當前行第二個單元格中的文字           str1 = gvr.Cells[1].Text;   //進行提示           Message.Text  ="您將刪除一個用戶，其姓名為"+str1 ;       }       protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e)   {   //如果沒有產(chǎn)生異常，則提示成功刪除，否則提示刪除失敗           if (e.Exception == null)               Message.Text += "< br>您成功刪除了"+str1 ;           else              Message.Text += "刪除失敗，請聯(lián)系管理員";   }

RowEditing事件

在GridView中的行進入編輯模式之前，引發(fā)RowEditing事件，如果您需要在編輯記錄前進行某些預(yù)處理，可以在這里操作。如果想取消對當前行的編輯，可以把GridViewEditEventArgs 對象的 Cancel 屬性設(shè)置為 true即可。

Example：

 protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e)   {   //用NewEidIndex取得當前編輯的行號，然后獲取gridviewrow對象           GridViewRow gvr = GridView1.Rows[e.NewEditIndex];     //判斷，如果當前編輯行姓名欄為admin用戶，則取消對當前行的編輯           if (gvr.Cells[1].Text =="admin")               e.Cancel = true;   }

RowUpdating和RowUpdated事件

RowUpdating事件發(fā)生在更新數(shù)據(jù)源之前，RowUpdated發(fā)生在更新數(shù)據(jù)源之后。

我們可以在記錄更新前利用RowUpdating做一些預(yù)處理工作，比如修改密碼時，因為密碼在數(shù)據(jù)庫中不是明文存儲，進行了hash，所以在更新密碼前，應(yīng)該生成其hash值，再進行更新操作。RowUpdated則可以檢驗更新是否成功。

Example：

 protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)       {           GridViewRow gvr = GridView1.Rows[GridView1 .EditIndex  ];   //尋找輸入密碼的控件           TextBox tb1 = (TextBox)gvr.FindControl("tb_password");   //將此控件中的文本hash后，把password存入NewValues這個字典中           e.NewValues ["password"] =tb1.Text .GetHashCode().ToString () ;         }       protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e)   {   //如無異常，則更新成功           if (e.Exception == null)               Message.Text += "更新成功！";       }

Keys、OldValues、NewValues集合

Keys字典中一般存放的是數(shù)據(jù)源中的主鍵字段的key和value的對應(yīng)值，如果主鍵由多個字段組成，那么Keys為每個鍵字段添加其字段名稱和值。OldValues中存放的是要更新的行的字段名和原始值，每個字段為其中的一項。NewValues中存放的是要更新的行的字段名和修改后的值，每個字段為其中的一項。注意，主鍵字段只存放于keys集合中。

這三個集合中的每一項都是DictionaryEntry類型的對象，我們可以用DictionaryEntry.Key來確定一個項的字段名稱,用DictionaryEntry.Value來確定某項的值。

在上面的例子中，為了把密碼明文加密后再存入數(shù)據(jù)庫，我們利用了NewValues字段，重新設(shè)置key為password的項的值。為了保證安全性，我們在更新數(shù)據(jù)前對NewValues中的所有值進行html編碼：

Example1:

protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)   {   //遍歷NewValues，取得其中每一對DictionaryEntry對象          foreach (DictionaryEntry de in e.NewValues)     //de.key就是字段名，如果此處單獨更新某字段的話，也可以直接填寫字段名，//比如 e.NewValues[“password”]            e.NewValues[de.Key] = Server.HtmlEncode(de.Value.ToString());       }

Example2:

    protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e)   {   //分別利用Keys、OldValues、NewValues取得主鍵名、原始數(shù)據(jù)和更新后數(shù)據(jù)           Message .Text  = e.Keys["username"] + "的email地址從" + e.OldValues["email"] + "變更為" + e.NewValues["email"];   }

“GridView和DataGrid的異同”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！