《ASP.NET》数据绑定——GridView
GirdView简单介绍:
名称:网络视图。
来源: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、编写查询button单击事件
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;希望大家在代码编写上细心点。