再議ASP.NET DataGrid控件中的“添加新行”功能_.Net教程
推薦:AJAX實現web頁面中級聯菜單的設計 看了大峽搞的級聯菜單,我也班門弄斧一把,嘿嘿,花了一點時間搞了個級聯菜單貼上來看看。本例中只要你選擇成員分類名稱就會自動顯示成員名稱: 首先在eclipse中建一個項目,名稱你自
說起在DataGrid中添加新行,ASP.NET開發的大牛人物:Dino Esposito,他的《構建WEB解決方案--應用ASP.NET和ADO.NET》一書中提供了和以上兩位類似的方法,但是Dino又加了些功能,首先就是”添加新行“這個LinkButton放在頁腳,同時這個LinkButton在分頁到最后一頁時才啟用,因為在其他頁面添加新行是不可取的;其次是添加的行如果引起分頁,就切換到新頁并進入此行的編輯模式。
前一段時間,我也使用了這個功能,發現仍然存在兩個問題:
1.點擊”添加新行“按鈕編輯新行時,如果再次點擊”添加新行“的話,這個剛添加的新行會變成空白,編輯模式會進入另外的新行。
2.在翻頁時DataGrid的EditItemIndex沒有恢復成-1,會造成其他頁面相同索引的行也進入編輯模式。
于是就操刀稍稍修改了一下,解決了這兩個問題,最終效果是這樣的:
圖一:不在最后一頁時,添加新行按鈕不可用
圖二:在最后一頁時,按鈕才可用
圖三:當新加行進入編輯模式后,按鈕再次不可點擊,取消后此新增行會刪除,恢復到圖二
頁腳模板中的LinkButton:
以下為引用的內容: <FooterTemplate> |
頁面代碼中IsEnableAddNewRow方法代碼:
以下為引用的內容: 1 protected bool IsEnableAddNewRow() 2 { 3 //只有最后一頁并不在編輯模式時才啟用添加新行功能 4 return (dgData.CurrentPageIndex == dgData.PageCount - 1&&dgData.EditItemIndex == -1); 5 } |
頁面代碼中ItemCommand事件代碼:
以下為引用的內容: 1 private void dgData_ItemCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e) 2 { 3 if(e.CommandName == "AddNewRow") 4 { 5 //先在數據源添加新行,如果有主鍵字段,還需要考慮主鍵字段的數據生成和最后更新時的提交 6 LoadData(); 7 DataRow newRow = dsData.Tables[0].NewRow(); 8 dsData.Tables[0].Rows.Add(newRow); 9 dgData.DataSource = dsData; 10 Session["myData"] = dsData; 11 //判斷添加此行后是否應該換頁 12 int currentIndex = dgData.Items.Count; 13 if(currentIndex >= dgData.PageSize) 14 { 15 dgData.CurrentPageIndex ; 16 currentIndex = 0; 17 } 18 dgData.EditItemIndex = currentIndex; 19 dgData.DataBind(); 20 dgData.Items[currentIndex].Attributes.Add("IsNewItem","True"); 21 } 22 } |
CancelCommand事件代碼:
以下為引用的內容: 1 private void dgData_CancelCommand(object source, System.Web.UI.WebControls.DataGridCommandEventArgs e) 2 { 3 LoadData(); 4 //如果在新增行選擇取消,則拒絕添加此行 5 if(e.Item.Attributes["IsNewItem"] != null && e.Item.Attributes["IsNewItem"] == "True") 6 { 7 dsData.RejectChanges(); 8 Session["myData"] = dsData; 9 } 10 dgData.EditItemIndex = -1; 11 BindGrid(dgData.CurrentPageIndex); 12 } |
以上的例子我寫了一個Demo,打包好的解決方案文件可以在這里下載(注意修改Web.config文件中的連接字符串,數據訪問代碼在DataAccess類中)。
在寫這篇Post的途中,有朋友建議在DataGrid的頁腳為每個字段放置一個文本框,然后再放置一個“添加此行”按鈕,點擊按鈕后即可將行添加到DataGrid中,如果頁腳沒有做其他用途的話,這種方式也不失為較好的解決方案。
分享:妙用ASP2.0中的URL映射改變網址 URL映射有什么用呢? 舉個比較實用的例子,比如你開發一個Blog網站, 每個Blog主頁的加載地址是 www.blog.com/Default.aspx?id=anckly Default頁通過id來
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP發送Email實例(可帶附件)
- js實現廣告漂浮效果的小例子
- asp.net Repeater 數據綁定的具體實現
- Asp.Net 無刷新文件上傳并顯示進度條的實現方法及思路
- Asp.net獲取客戶端IP常見代碼存在的偽造IP問題探討
- VS2010 水晶報表的使用方法
- ASP.NET中操作SQL數據庫(連接字符串的配置及獲取)
- asp.net頁面傳值測試實例代碼
- DataGridView - DataGridViewCheckBoxCell的使用介紹
- asp.net中javascript的引用(直接引入和間接引入)
- 三層+存儲過程實現分頁示例代碼
- 相關鏈接:
- 教程說明:
.Net教程-再議ASP.NET DataGrid控件中的“添加新行”功能。