| 轉(zhuǎn)載自: http://hi.baidu.com/timy68/blog/item/776320a8cd2c58b1cb130c93.html 一、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)勢，功能上更加豐富，因?yàn)樘峁┝酥悄軜?biāo)記面板（也就是show smart tag）更加易用方便,常用的排序、分頁、更新、刪除等操作可以零代碼實(shí)現(xiàn)！具有PagerTemplate屬性，可以自定義用戶導(dǎo)航頁面，也就是說分頁的控制更加隨心所欲。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控件拖到頁面上，然后點(diǎn)擊右鍵，選擇Show Smart Tag,在Choose Data Source中選擇 New Data Source, 出現(xiàn)Data Source Configuration Wizard,選擇連接字符串，可以選擇已經(jīng)存放在web.config中的ConnectionString ,然后可以選擇是使用存儲(chǔ)過程，還是從表或視圖中選擇數(shù)據(jù)。 在這一步，左側(cè)的Where語句可以指定查詢條件，點(diǎn)擊Where，出現(xiàn)Add Where Clause ,選擇要設(shè)定條件的列，操作符是等于還是like還是其它，然后選擇Source，也就是說要限定的條件從哪里取值，可以是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)剛剛添加的條件。如果沒有點(diǎn)擊Add，很容易設(shè)定了條件，但是因?yàn)闆]有添加到Where子句中，所以不起作用。 在這一步，左側(cè)的Order By，可以讓我們設(shè)定排序列，就是我們?nèi)〕龅挠涗浺凑帐裁磁蛇d，可以設(shè)定三個(gè)列，是升序還是降序。 在這一部，左側(cè)的Advanced，可以設(shè)定Advanced Sql Generation Options,這里可以生成這個(gè)查詢的Insert、update、Delete語句，當(dāng)然，前提是您選擇的字段中必須包含了主鍵。當(dāng)您想在GridView中不編寫任何代碼實(shí)現(xiàn)對表格的編輯、刪除等操作時(shí)，就必須在配置數(shù)據(jù)源時(shí)，在這里生成Insert、Update、Delete這些語句。 GridView中編輯刪除等操作的零代碼，就是根據(jù)配置數(shù)據(jù)源時(shí)自動(dòng)生成的這些語句來完成數(shù)據(jù)源的更新刪除等操作的。 在最后一步，您可以測試一下您剛剛生成的查詢是否正確，最后點(diǎn)擊完成，數(shù)據(jù)已經(jīng)出現(xiàn)在頁面上了，按Ctrl+F5運(yùn)行。 恭喜您！您已經(jīng)會(huì)使用Asp.net來顯示數(shù)據(jù)庫中的數(shù)據(jù)了。
2、讓GridView可以分頁
GridView把數(shù)據(jù)顯示出來了，但是那么多條記錄羅列到一頁上是不合適的，我們應(yīng)該對數(shù)據(jù)進(jìn)行分頁。還記得在asp時(shí)代，分頁是多么的麻煩，需要編寫很多的代碼，而且各種分頁組件也應(yīng)運(yùn)而生。而在GridView中，您會(huì)發(fā)現(xiàn)，分頁是如此的簡單，只需要您輕點(diǎn)鼠標(biāo)，在Show Smart Tag中，選中Enable Paging，表格的分頁操作變完成了，是不是So Easy呢。 并不是什么數(shù)據(jù)源都可以讓GridView實(shí)現(xiàn)自動(dòng)分頁的，比如如果DataSourceMode是DataReader，就無法實(shí)現(xiàn)自動(dòng)分頁。而且只有ObjectDataSource是界面級別的支持分頁，類似我們常用的SqlDataSource都是先提取所有的記錄，然后只顯示本頁需要顯示的記錄，然后拋棄其余的記錄，都有點(diǎn)浪費(fèi)資源的啦！ 當(dāng)GridView的AllowPaging屬性設(shè)置為True的時(shí)候，我們實(shí)現(xiàn)了分頁，我們還可以對分頁進(jìn)行一些個(gè)性化的設(shè)置。常用的屬性包括：PageIndex――設(shè)置數(shù)據(jù)顯示的當(dāng)前頁面，默認(rèn)是0，也就是數(shù)據(jù)的首頁。PageSize ――也就是一頁顯示多少條記錄，默認(rèn)為10條。在PagerSettings中，還可以對分頁的導(dǎo)航按鈕進(jìn)行詳細(xì)設(shè)置，在Mode屬性中，可以設(shè)置：Numeric――默認(rèn)的，分頁用數(shù)字表示，1，2，3……。NextPrevious、NextPreviousFirstLast、NumericFirstLast均可顧名思義，顯示上一頁、下一頁、首頁、末頁等。當(dāng)Mode設(shè)定不是Numeric時(shí)，那么可以通過設(shè)定FirstPageText、LastPageText等屬性來實(shí)現(xiàn)分頁導(dǎo)航時(shí)，到首頁、末頁、下頁、上頁時(shí)顯示的文字提示。 如果想實(shí)現(xiàn)分頁界面的完全自動(dòng)控制，還可以點(diǎn)擊GridView右鍵，選擇編輯模版－PagerTemplate來實(shí)現(xiàn)，在模版中加入若干個(gè)Button控件，然后將Button控件的CommandName屬性設(shè)置為Page,將CommandArgument屬性分別設(shè)置為First、Last、Prev、Next或者一個(gè)數(shù)字，即可實(shí)現(xiàn)分頁操作。
3、GridView中的編輯、刪除、排序 數(shù)據(jù)從數(shù)據(jù)源中提取出現(xiàn)，顯示在網(wǎng)頁上后，我們?nèi)绻枰獙ζ渲械臄?shù)據(jù)進(jìn)行編輯、更新、刪除等操作，還是不需要編寫任何代碼，利用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這些語句，那么我們現(xiàn)在就可以執(zhí)行程序。點(diǎn)擊頁面上的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)頁生成的數(shù)據(jù)表中，點(diǎn)擊第一行中的列名，即可按照當(dāng)前列進(jìn)行排序，再次點(diǎn)擊則反向排序。 如果您只需要對其中的幾列進(jìn)行排序，可以在智能標(biāo)記中，選擇編輯列，選中要排序的列，然后在右側(cè)的屬性中找到SortExpression屬性，然后從下拉框中選擇根據(jù)哪個(gè)字段排序，一般當(dāng)然是當(dāng)前字段咯，完成排序的設(shè)置。如果您不需要這一列參與排序，那么只需要把此列的SortExpression屬性后面的值刪除，也就是說設(shè)置成空字符串即可。試一試，是不是排序已經(jīng)盡在掌握之中了呢？
三、GridView中的自定義列 GridView可以根據(jù)數(shù)據(jù)源自動(dòng)生成列，但是如果我們需要自定義列的顯示方式，讓GridView的列完完全全的由我們自己來控制，我們就需要用到一種特殊的列――TemplateField。因?yàn)镚ridView生成的列都是一個(gè)字段一列，如果我們需要把兩個(gè)字段合并為一列顯示呢？我們可以使用模板列。我們可以指定包含標(biāo)記和控件的模版，自定義列的布局和行為，我們可以新建一個(gè)模版列，也可以直接把已經(jīng)生成的列轉(zhuǎn)換為模版列來進(jìn)行個(gè)性化的設(shè)置。 在GridView上單擊右鍵，選擇編輯模版，在彈出菜單中選擇要編輯的列，出現(xiàn)列模版的編輯畫面。其中HeaderTemplate――自定義列的標(biāo)頭部分顯示的內(nèi)容，F(xiàn)ooterTemplate――腳注部分顯示哪諶藎?/SPAN>ItemTemplate――是打開網(wǎng)頁后此列數(shù)據(jù)顯示的內(nèi)容，EditItemTemplate――此列處于編輯狀態(tài)時(shí)如何顯示，AlternatingItemTemplate――交替項(xiàng)顯示的內(nèi)容，也就是說為了顯示效果，可以隔行分別以不同的風(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，也就是說數(shù)值只從數(shù)據(jù)源傳到頁面上，如果雙向綁定，也就是采用Bind的話，對數(shù)據(jù)的修改可以回傳到數(shù)據(jù)源之中。 在web頁面執(zhí)行時(shí)，不同的行因?yàn)閡sername不同，圖片的名字也會(huì)做出相應(yīng)的替換。點(diǎn)擊確定，然后執(zhí)行當(dāng)前網(wǎng)頁，我們就可以看到在我們的自定義列中顯示出了用戶的照片。 Example 2： 在數(shù)據(jù)庫中，存儲(chǔ)性別的時(shí)候，一般采用bit數(shù)據(jù)類型，存儲(chǔ)為True或者False，在GridView自動(dòng)生成列的時(shí)候，一般使用CheckedBoxField 列來顯示bit類型的數(shù)據(jù)，顯示在網(wǎng)頁上就是一個(gè)單選框，如果選中，也就是Checked了，就是男的，否則就是女的。這樣看起來，很不直觀，下面我們通過自定義列將性別顯示為男、女。 首先在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è)置為True，一個(gè)的Text屬性設(shè)置為女，Value屬性設(shè)置為False。到這里，你明白了么？因?yàn)镈ropDownList控件的顯示文本和其值是可以不一樣的，我們用數(shù)據(jù)綁定取到了性別這一列的值，True或者False，然后反映到DropDownList控件上，如果值為True，因?yàn)門ext屬性為男的Item的Value為True，所以我們現(xiàn)在運(yùn)行網(wǎng)頁，在新添加的列中，顯示的不再是單選框或者True、false這些沒有含義的東西，而是以下拉列表的方式顯示出了當(dāng)前用戶是 男還是女。
四、自定義列中的數(shù)據(jù)更新 假設(shè)數(shù)據(jù)庫中有一個(gè)"權(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ù)雙向幫定，這樣才能返回?cái)?shù)據(jù)。前面我們談到，在GridView中，事件不是單個(gè)的，是兩個(gè)，一個(gè)是發(fā)生前，一個(gè)是發(fā)生后，因?yàn)槲覀冃枰跀?shù)據(jù)更新前把下拉列表的權(quán)限值傳送出去，所以我們需要對GridView1_RowUpdating 進(jìn)行編碼,編碼如下： protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e) { //當(dāng)前編輯的是哪行？ int index = GridView1.EditIndex;
//取得當(dāng)前編輯行的GridViewRow對象 GridViewRow gvr = GridView1.Rows[index];
//在當(dāng)前行中，尋找DropListDown控件 DropDownList dp = (DropDownList)gvr.FindControl("editdrop");
//將DropListDown的值賦給NewValues集合中的權(quán)限字段。 e.NewValues["rights"] = dp.SelectedValue; }
2、RowDataBound事件 在創(chuàng)建gridView控件時(shí)，必須先為GridView的每一行創(chuàng)建一個(gè)GridViewRow對象，創(chuàng)建每一行時(shí)，將引發(fā)一個(gè)RowCreated事件；當(dāng)行創(chuàng)建完畢，每一行GridViewRow就要綁定數(shù)據(jù)源中的數(shù)據(jù)，當(dāng)綁定完成后，將引發(fā)RowDataBound事件。如果說我們可以利用RowCreated事件來控制每一行綁定的控件，那么我們同樣可以利用RowDataBound事件來控制每一行綁定的數(shù)據(jù)，也就是讓數(shù)據(jù)如何呈現(xiàn)給大家。 還舉同樣的例子，在數(shù)據(jù)表中，存在性別列，上面我們用DropListDown控件的DataBounding來表示出了中文的性別，但是畢竟不太美觀，我們現(xiàn)在可以利用Label控件和RowDataBound事件來實(shí)現(xiàn)完美的中文性別顯示。RowDataBound， 首先，還是把性別列，設(shè)置為模板列，并添加一個(gè)Label控件，將Label控件綁定到數(shù)據(jù)源的性別段，然后我們在GridView控件屬性的事件列表中雙擊RowDataBound，生成如下事件： Example： protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { //判斷當(dāng)前行是否是數(shù)據(jù)行 if (e.Row.RowType == DataControlRowType.DataRow) { //用FindControl方法找到模板中的Label控件 Label lb1= (Label)e.Row.FindControl("Label1"); //因?yàn)镽owDataBound是發(fā)生在數(shù)據(jù)綁定之后，所以我們可以 //判斷Label綁定的數(shù)據(jù)，如果是True，就更改其text屬性為男 if (lb1.Text== "True") lb1.Text = "男"; else lb1.Text = "female"; } }
3、RowType RowType可以確定GridView中行的類型，RowType是玫舉變量DataControlRowType中的一個(gè)值。RowType可以取值包括 DataRow、Footer、Header、EmptyDataRow、Pager、Separator。很多時(shí)候，我們需要判斷當(dāng)前是否是數(shù)據(jù)行，通過如下代碼來進(jìn)行判斷 ： if (e.Row.RowType == DataControlRowType.DataRow)
4、RowDeleting和RowDeleted事件 RowDeleting發(fā)生在刪除數(shù)據(jù)之前，RowDeleted發(fā)生在刪除數(shù)據(jù)之后。 使用RowDeleting事件，可以在真正刪除前再次確認(rèn)是否刪除，可以通過設(shè)置GridViewDeleteEventArgs.Cancel=True來取消刪除；也可以用于判斷當(dāng)前數(shù)據(jù)庫記錄數(shù)，如果只剩一條記錄且數(shù)據(jù)庫不能為空則提示并取消刪除操作。 使用RowDeleted事件，可以在刪除后，通過GridViewDeletedEventArgs的Exception屬性判斷刪除過程中是否產(chǎn)生異常，如無異常，則可以顯示類似于” 1 Records deleted” 之類的提示信息。 Example： protected void GridView1_RowDeleting(object sender, GridViewDeleteEventArgs e) { //取得當(dāng)前行號，并取得當(dāng)前行的GridViewRow對象 int index=e.RowIndex ; GridViewRow gvr=GridView1.Rows[index]; //取得當(dāng)前行第二個(gè)單元格中的文字 str1 = gvr.Cells[1].Text; //進(jìn)行提示 Message.Text ="您將刪除一個(gè)用戶，其姓名為"+str1 ; } protected void GridView1_RowDeleted(object sender, GridViewDeletedEventArgs e) { //如果沒有產(chǎn)生異常，則提示成功刪除，否則提示刪除失敗 if (e.Exception == null) Message.Text += "<br>您成功刪除了"+str1 ; else Message.Text += "刪除失敗，請聯(lián)系管理員"; } 5、RowEditing事件 在GridView中的行進(jìn)入編輯模式之前，引發(fā)RowEditing事件，如果您需要在編輯記錄前進(jìn)行某些預(yù)處理，可以在這里操作。如果想取消對當(dāng)前行的編輯，可以把GridViewEditEventArgs 對象的 Cancel 屬性設(shè)置為 true即可。 Example： protected void GridView1_RowEditing(object sender, GridViewEditEventArgs e) { //用NewEidIndex取得當(dāng)前編輯的行號，然后獲取gridviewrow對象 GridViewRow gvr = GridView1.Rows[e.NewEditIndex];
//判斷，如果當(dāng)前編輯行姓名欄為admin用戶，則取消對當(dāng)前行的編輯 if (gvr.Cells[1].Text =="admin") e.Cancel = true; }
6、RowUpdating和RowUpdated事件 RowUpdating事件發(fā)生在更新數(shù)據(jù)源之前，RowUpdated發(fā)生在更新數(shù)據(jù)源之后。 我們可以在記錄更新前利用RowUpdating做一些預(yù)處理工作，比如修改密碼時(shí)，因?yàn)槊艽a在數(shù)據(jù)庫中不是明文存儲(chǔ)，進(jìn)行了hash，所以在更新密碼前，應(yīng)該生成其hash值，再進(jìn)行更新操作。RowUpdated則可以檢驗(yàn)更新是否成功。 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這個(gè)字典中 e.NewValues ["password"] =tb1.Text .GetHashCode().ToString () ;
} protected void GridView1_RowUpdated(object sender, GridViewUpdatedEventArgs e) { //如無異常，則更新成功 if (e.Exception == null) Message.Text += "更新成功！"; }
7、Keys、OldValues、NewValues集合 Keys字典中一般存放的是數(shù)據(jù)源中的主鍵字段的key和value的對應(yīng)值，如果主鍵由多個(gè)字段組成，那么Keys為每個(gè)鍵字段添加其字段名稱和值。OldValues中存放的是要更新的行的字段名和原始值，每個(gè)字段為其中的一項(xiàng)。NewValues中存放的是要更新的行的字段名和修改后的值，每個(gè)字段為其中的一項(xiàng)。注意，主鍵字段只存放于keys集合中。 這三個(gè)集合中的每一項(xiàng)都是DictionaryEntry類型的對象，我們可以用DictionaryEntry.Key來確定一個(gè)項(xiàng)的字段名稱,用DictionaryEntry.Value來確定某項(xiàng)的值。 在上面的例子中，為了把密碼明文加密后再存入數(shù)據(jù)庫，我們利用了NewValues字段，重新設(shè)置key為password的項(xiàng)的值。為了保證安全性，我們在更新數(shù)據(jù)前對NewValues中的所有值進(jìn)行html編碼： Example1: protected void GridView1_RowUpdating(object sender, GridViewUpdateEventArgs e) { //遍歷NewValues，取得其中每一對DictionaryEntry對象 foreach (DictionaryEntry de in e.NewValues)
//de.key就是字段名，如果此處單獨(dú)更新某字段的話，也可以直接填寫字段名，//比如 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"]; } |
