【转贴】GridView、DetailsView等控件的结合使用范例讲解

最新推荐文章于 2013-10-31 21:03:42 发布

转载最新推荐文章于 2013-10-31 21:03:42 发布 · 259 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aspxphpjsprb/archive/2008/01/20/1045904.html

文章标签：

#c#

本文介绍了在ASP.NET Web应用程序中使用GridView和DetailsView控件的有效方法。一种方法是在GridView中仅显示一部分数据，并提供一个链接指向修改页面；另一种方法是结合使用GridView和DetailsView，前者用于展示部分数据，后者用于查看和编辑完整记录。

转自：
http://www.cn-web.com/cnweb/5/374/article/

当我们要显示的数所量比较大时，用GridView时就会将页面拉的很长，这样用户单击编辑或者删除时就很不方便，这种情况有两种解决方案：
1.是用GridView控件只显示适当的一小部分数据，然后在最后加一个链接，链向修改页面；
　　效果图:

方法：
我们在GridView控件中添加模板列，在模板列中添加HyperLink控件，然后在GridView控件的RowDataBound事件里来获取这个HyperLink控件，对它的NavigateUrl属性进行赋值。
代码：
<asp:TemplateField HeaderText="操作">
                          <HeaderStyle HorizontalAlign="Center" />
                     <ItemTemplate><asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="WF_WeishengStation_DWCDJY_Add_First.aspx?id=" Width="80px" Target="_blank">修改内容</asp:HyperLink></ItemTemplate>
                      </asp:TemplateField>
　
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
    {
        //如果是绑定数据行
        if (e.Row.RowType == DataControlRowType.DataRow)
        {
            if (e.Row.RowState == DataControlRowState.Normal || e.Row.RowState == DataControlRowState.Alternate)
            {
                  //我的这个操作列在倒数第二列，所以为this.GridView1.Columns.Count - 2
                 //如果有多个控件，比如还有第二个HyperLink控件，可以Controls[1]
                 //我的第0列为编号，所以这里通过这样传递参数：e.Row.Cells[0].Text
                ((HyperLink)e.Row.Cells[this.GridView1.Columns.Count - 2].Controls[0]).NavigateUrl += e.Row.Cells[0].Text;
            }
        }
    }
这种做法如果在页面很多的情况下就不太好用了，又要做添加页面，又要做修改页面，不过添加页面与修改页面一样，可以放在一张页面中利用参数的变化来控制，也可以放在两上页面里，直接通过复制就可以了（后期如果有变动，那就需要两个页面都要变了）

2.是用GridView控件只显示适当的一小部分数据，然后用DetailsView控件显示全部数据，单击GridView控件中的选定按钮后可以显示DetailsView控制，对数所的编辑删除等操作在DetailsView控件中进行:
效果图:

--------------------------------------------------------------------------------

--------------------------------------------------------------------------------

实现：
GridView控件需要加入SelectedIndexChanging事件，事件发生时显示DetailsView控件：
protected void GridView1_SelectedIndexChanging(object sender, GridViewSelectEventArgs e)
    {
        GridViewRow row = GridView1.Rows[e.NewSelectedIndex];//当前要操作的选定的行
        //将DetailsView视图恢复至默认的只读模式
        this.DetailsView1.ChangeMode(DetailsViewMode.ReadOnly);
       //绑定DetailsView控件的数据,row.Cells[0].Text为当前要绑定的数据编号
        this.bindDeatils(row.Cells[0].Text);
    }

DetailsView控件需要做的是ItemUpdating事件、ItemDeleting事件，我这里还用到了ItemCommand事件用来隐藏DetailsView控件：
protected void DetailsView1_ItemCommand(object sender, DetailsViewCommandEventArgs e)
    {
        if (e.CommandName == "Close")
        {
            this.DetailsView1.DataBind();//因为没有给DetailsView1数据源就绑定，所以数据源为空，这样间接实现了DetailsView1控件的隐藏。
        }
    }