GridView和DataGrid的異同

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

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

GridView操作初步

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

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

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

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

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

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

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

2、讓GridView可以分頁(yè)

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

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

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

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

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

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

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

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

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

GridView中的自定義列

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

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

Example 1：

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

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

Example 2：

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

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

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

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

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

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

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

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

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

Example：

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

if (e.Row.RowType == DataControlRowType.DataRow) RowDeleting和RowDeleted事件

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

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

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

Example：

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

Example：

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

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

Example：

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

這三個(gè)集合中的每一項(xiàng)都是DictionaryEntry類型的對(duì)象，我們可以用DictionaryEntry.Key來(lái)確定一個(gè)項(xiàng)的字段名稱,用DictionaryEntry.Value來(lái)確定某項(xiàng)的值。

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

Example1: