ASP.NET数据绑定之GridView控件

所属分类: 网络编程 / ASP.NET 阅读数: 1121
收藏 0 赞 0 分享

GridView 是 DataGrid的后继控件,在.net framework 2 中,虽然还存在DataGrid,但是GridView已经走上了历史的前台,取代DataGrid的趋势已是势不挡。
 作用:其功能是在web页面中显示数据源中的数据。GridView和DataGrid功能相似,都是在web页面中显示数据源中的数据,将数据源中的一行数据,也就是一条记录,显示为在web页面上输出表格中的一行。
    在此GirdView的详细属性和事件我不再阐述。下面我只是简单介绍一下GirdView如何显示从后台数据库搜索出来的数据,也就是GirdView怎样绑定并显示数据源。
一、前台界面如下

二、后台编写:用VS建立ASP.NET窗体应用程序。在此,我只编写查询功能,后台代码如下
1、建立数据库连接

public static SqlConnection createConnection() 
 { 
   SqlConnection con = new SqlConnection("server=.;database=dropDownTest;uid=sa;pwd=123456"); 
   con.Open(); 
   return con; 
 } 

2、编写操作类、其中有普通查询方法、按条件查询方法、添加方法(略)

public static DataTable SelectAll() 
{ 
  SqlConnection con = createConnection(); 
  DataTable dt = new DataTable(); 
  SqlCommand cmd = new SqlCommand("select * from person", con); 
  SqlDataReader sdr = cmd.ExecuteReader(); 
  dt.Load(sdr); 
  return dt; 
} 

3、编写查询按钮单击事件

protected void Button4_Click(object sender, EventArgs e) 
{ 
  string c = "";  //定义空字符串,用来条件查询 
   
   //设置复选框1的查询条件 
  if (this.CheckBox1.Checked) 
  { 
    c = "pID=" + this.txtID.Text;  //精确匹配查询条件 
  } 
  else 
  { 
    c = "pID like'%' ";    //模糊匹配查询条件 
  } 
  if (this.CheckBox2.Checked) 
  { 
    c += " and personName like '%" + this.txtName.Text + "%'"; 
  } 
  if (this.CheckBox3.Checked) 
  { 
    if (RadioButton1.Checked) 
    { 
      c += "and personSex='男'"; 
    } 
 
    else 
    { 
      c += "and personSex='女'"; 
    } 
  } 
 
  DataView dv = new DataView(PerosonOperate.SelectAll()); //调用查询方法 
  dv.RowFilter = c;                    //设置过滤器(按条件查找) 
  dv.Sort = "pID Desc";                  //使结果按照pID字段降序排列 
  GridView1.DataSource = dv;               //设定数据源 
  GridView1.DataBind();                  //绑定数据源 
  //设置列名,如果不设置,将会以数据库中对应的字段名称代替 
  GridView1.HeaderRow.Cells[0].Text = "编号"; 
  GridView1.HeaderRow.Cells[1].Text = "姓名"; 
  GridView1.HeaderRow.Cells[2].Text = "性别";  

     三张查询效果图如下所示,分别为直接点击查询、按照性别查询、按照编号和姓名和性别一块查询。

    上面编写的后台代码只是在功能可以实现的基础上编写的,里面未免有一些Bug,希望大家自己改造。
    从后台绑定数据的筛选再到前台的呈现,用GridView将数据在浏览器上显示出来的大致流程就是这样,这里面唯一有点别扭的是按条件查询中,字符串的拼写不好弄,这样做无非是使用GirdView的过滤效果,也就是这段代码dv.RowFilter = c;希望大家在代码编写上细心点。

以上就是通过实例为大家介绍ASP.NET数据绑定中的GridView控件的使用方法,希望对大家的学习有所帮助。

更多精彩内容其他人还在看

.NET Core源码解析配置文件及依赖注入

这篇文章我们设计了一些复杂的概念,因为要对ASP.NET Core的启动及运行原理、配置文件的加载过程进行分析,依赖注入,控制反转等概念的讲解等
收藏 0 赞 0 分享

.NET Corek中Git的常用命令及实战演练

这篇文章将通过故事的形式从Git的历史谈起,并讲述Git的强大之处。然后通过实战演练教你如何在Github以及码云上托管我们的代码并进行代码的版本控制
收藏 0 赞 0 分享

Asp.Net Core WebAPI使用Swagger时API隐藏和分组详解

这篇文章主要给大家介绍了关于Asp.Net Core WebAPI使用Swagger时API隐藏和分组的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Asp.Net Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

如何利用FluentMigrator实现数据库迁移

这篇文章主要给大家介绍了关于如何利用FluentMigrator实现数据库迁移的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

ASP.NET Core利用Jaeger实现分布式追踪详解

这篇文章主要给大家介绍了关于ASP.NET Core利用Jaeger实现分布式追踪的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用ASP.NET Core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

浅谈从ASP.NET Core2.2到3.0你可能会遇到这些问题

这篇文章主要介绍了ASP.NET Core2.2到3.0可能会遇到的问题,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解.net core webapi 前后端开发分离后的配置和部署

这篇文章主要介绍了.net core webapi 前后端开发分离后的配置和部署,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

详解ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁

这篇文章主要介绍了ASP.Net Core 中如何借助CSRedis实现一个安全高效的分布式锁,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
收藏 0 赞 0 分享

.net 4.5部署到docker容器的完整步骤

这篇文章主要给大家介绍了关于.net 4.5部署到docker容器的完整步骤,文中通过示例代码介绍的非常详细,对大家学习或者使用.net4.5具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享

.net core并发下线程安全问题详解

这篇文章主要给大家介绍了关于.net core并发下线程安全问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用.net core具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
收藏 0 赞 0 分享
查看更多