在GridView中插入新记录的方法(结合DetailsView)

在GridView中插入新记录的方法(结合DetailsView)

注意:

今天在项目中发现,当用下面的方法实现新建功能的时候,不能让gridview允许排序,否则会出错:“数据源不允许排序”!

众所周知,gridview的功能在.netframework2.0版本里是如此的强大。编辑、删除功能结合ajax可以做到无刷新操作数据。但是最令人遗憾的一点就是Gridview不支持添加新记录的功能。有很多方法可以解决这个问题,比如,你可以在gridview里添加一个链接,让这个链接跳转到另外一个页面,用户添加完记录之后再返回原来的gridview页面。但是这样做就增加了与服务器的通信量,也使操作显得比较繁琐。这里介绍一种方法:使用DetailsView结合Gridview的EmptyTemplate模板。

总体思路:在gridview里增加一个ButtonField,并设置它的CommandName属性为Insert。 用户通过单击插入按钮来增加新的记录。你可以设置按钮的commandname然后设置detailsview的默认状态为插入。具体操作方法我就不写了,直接转原文吧:

在GridView中插入新记录 2007-11-18 05:27

原文发布日期:2007.04.11
作者:Bipin Joshi
翻译:webabcd


GridView控件不允许你插入新记录。 本文中我将举例说明快速解决这个问题的方法。


介绍
几个月前我写了一篇文章,是讲述一个允许你在DataGrid里添加一条新记录的技巧。 GridView控件不允许你插入新记录。 这种情况下开发人员经常使用如下的技术增加新记录:

    ·他们在GridView的下面放置一个DetailsView控件。 用户可以通过DetailsView增加新记录,然后这条新记录就会显示在GridView里。
    ·他们通过一个超级链接使用户连接到另一个使用DetailsView增加新记录的web form。 一旦记录被添加后就会返回之前的页。

这些方法都有它们自己的缺点。 第一种方法占用了太多的屏幕空间,即使你增加的只是很少的记录。 所以它不是“主要用于编辑,偶尔增加记录”情况下的好的选择。 第二种选择需要额外创建一个web form,因为来回导航会需要向服务器发送更多的请求。 本文中我将举例说明快速解决这个问题的方法。


解决方案
GridView控件提供了一个被称作Empty Data Template的模板。 当GridView里没有数据显示的时候这个模板就会显示出来。 一般在没有数据显示的时候,这个模板会被用于显示一个给出示给用户的状态信息。 但是,你也可以为了别的目的而是用它。 本例中,你将使用它来给GridView增加新的记录。

新建一个Web Form示例
开始先在Visual Studio中新建一个web站点。 拖拽一个SQL数据源控件并配置它以从Northwind数据库的Customers表中选择出CustomerID、CompanyName、ContactName和Country列。

在GridView中插入新记录的方法(结合DetailsView)_第1张图片

确保选择了“高级”按钮,并且选中“生成INSERT、UPDATE和DELETE语句”复选框。

在GridView中插入新记录的方法(结合DetailsView)_第2张图片

现在,在你的web form里添加一个GridView控件,设置它的DataSourceID属性为SqlDataSource1。 启用这个GridView的编辑、删除和分页。 在GridView的智能标签中选择“编辑列…”选项。

在GridView中插入新记录的方法(结合DetailsView)_第3张图片

在GridView中增加一个ButtonField,并设置它的CommandName属性为Insert。 用户通过单击插入按钮来增加新的记录。

在GridView中插入新记录的方法(结合DetailsView)_第4张图片

现在右键单击GridView选择编辑模板 – Empty Data Template菜单选项。 拖拽DetailsView控件到Empty Data Template内,设置它的DataSourceID属性为SqlDataSource1。

在GridView中插入新记录的方法(结合DetailsView)_第5张图片

同时设置它的DefaultMode属性为Insert。 当Empty Data Template显示的时候,DetailsView将会做好插入记录之前的准备。

现在来到web form的后置代码中写出GridView的RowCommand事件处理的代码,出示如下:

protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e)
{
    if (e.CommandName == "Insert")
     {
         GridView1.DataSourceID = "";
         GridView1.DataBind();
     }
}


这里我们检查了GridViewCommandEventArgs的CommandName是否是“Insert”。 如果我们设置了GridView的DataSourceID属性为空,然后调用GridView的DataBind()方法的话, 那么GridView将不会有任何数据,从而显示Empty Data Template。

现在我们来处理DetailsView控件的ItemInserted事件。 当DetailsView成功的插入了一条新记录的时候,这个ItemInserted事件就会被触发。 在ItemInserted事件内写出如下代码:

protected void DetailsView1_ItemInserted(object sender, DetailsViewInsertedEventArgs e)
{
     GridView1.DataSourceID = "SqlDataSource1";
     GridView1.DataBind();
}


这里我们再次设置了GridView的DataSourceID属性为SqlDataSource1,然后再次绑定它。 这样GridView就可以显示出最新插入的记录。

在GridView中插入新记录的方法(结合DetailsView)_第6张图片

在GridView中插入新记录的方法(结合DetailsView)_第7张图片

总结
GridView控件不允许你插入新的记录。 但是,通过它的Empty Data Template的帮助和DetailsView控件,你就可以有一个插入新记录的非常棒的方法。 用这种方法你可以节省屏幕空间,也不需要再用额外的页了。
下面的截图显示了我们的web form


作者:Bipin Joshi
Email:http://www.dotnetbips.com/contact.aspx
简介:Bipin Joshi是DotNetBips.com的管理员。他是http://www.binaryintellect.com/的发起人,这个公司提供.NET framwork的培训和咨询服务。他在印度孟买为开发者提供培训。他也是微软的MVP(ASP.Net)和ASPInsiders的会员。

你可能感兴趣的:(前端,asp.net,C#,代码留存)