【转贴】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/