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