技术库 技术手册 字体库 知识点 词汇表 联系我们
内容搜索   
本站最新推出网站制作字体库。
当前位置:WEB技术知识资源库(www.cn-web.com) .: .Net技术 .: C#教程 .: GridView、DetailsView等控件的结合使用范例讲解

GridView、DetailsView等控件的结合使用范例讲解


当我们要显示的数所量比较大时,用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控件的隐藏。
        }
    }

 

基本两种方法设计完毕,这里只简单介绍了实现方法,做的过程中可能会遇到其它的细节问题,您可以与本站联系共同学习。



对此文章打分评级

用户评论

增加评论
此文章还没有任何评论!
网站地图 - 知识词汇 - 全文检索 - 广告服务 - 帮助中心 - 联系我们
.:www.cn-web.com
网站技术开发联盟之WEB开发技术知识库
联系人:老韩(QQ:5679551)
晋ICP备07003487号