【转贴】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控件的隐藏。
        }
    }
 


文章来源(WEB开发技术知识库):http://www.cn-web.com/cnweb/5/374/article/

posted @ 2008-01-20 00:41  N/A2011  阅读(1216)  评论(2编辑  收藏  举报