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、编写查询按钮单击事件
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的详细内容。更多信息请关注PHP中文网其他相关文章!

如何使用MySQL在SwiftUI中实现数据绑定功能在SwiftUI开发中,通过数据绑定可以实现界面与数据的自动更新,提高用户体验。而MySQL作为一款流行的关系型数据库管理系统,可以存储和管理大量的数据。本文将介绍如何使用MySQL在SwiftUI中实现数据绑定功能。我们将利用Swift的第三方库MySQLConnector,它提供了连接和查询MySQL数

Vue是一款开放源代码的JavaScript框架,它主要用于构建用户界面。Vue的核心是数据绑定,它提供了一种方便、高效的方式来实现数据和视图之间的双向绑定。Vue的数据绑定机制是通过一些特殊的函数来处理的。这些函数可以帮助我们将模板中的数据自动与JavaScript对象中的对应属性绑定起来,使得在修改JavaScript对象中的属性时,模板中的数据也会自动

Vue是一个流行的前端JavaScript框架,它提供了许多指令来简化数据绑定的过程,其中一个非常有用的指令是v-once。在这篇文章中,我们将深入探讨v-once指令的用法,以及如何在Vue中实现数据绑定的一次性渲染。什么是v-once指令?v-once是Vue中的一个指令,它的作用是将元素或组件的渲染结果缓存起来,以便于在后续的更新中跳过它们的渲染过程。

Vue报错:无法正确使用v-model进行双向数据绑定,如何解决?引言:在使用Vue进行开发时,双向数据绑定是一项非常常见且强大的功能。然而,有时候我们可能会遇到一个问题,就是当我们尝试使用v-model进行双向数据绑定时,却遭遇到了报错。本文将介绍该问题的原因以及解决方案,并通过代码示例来演示如何解决该问题。问题描述:当我们在Vue中尝试使用v-model

随着前端技术的不断发展,Vue作为一款流行的前端框架,也在不断地更新迭代。其中最新的版本Vue3,引入了许多新特性,使得其在使用方面更加便利和灵活。其中,v-model函数就是Vue3中值得一提的新特性之一。它能够实现双向数据绑定,也就是说,在使用v-model函数时,不仅可以方便地实现父子组件之间的通信,同时还可以自动将用户输入的数据与组件中的数据绑定起来

如何使用Vue进行表单验证和数据绑定引言:随着前端开发的不断发展,用户输入的表单验证成为一个重要的环节。Vue.js作为一个流行的前端框架,提供了一系列的功能来简化表单验证和数据绑定的过程。本文将介绍如何使用Vue进行表单验证和数据绑定,并给出相应的代码示例。一、基本的数据绑定:在Vue中,我们可以使用v-model指令来实现数据的双向绑定。将input元素

Vue开发注意事项:避免常见的错误和陷阱引言:Vue.js是一种流行的JavaScript框架,被广泛用于构建现代化的交互式前端应用程序。尽管Vue.js提供了简单、灵活和高效的开发方式,但在开发过程中仍然可能遇到一些常见的错误和陷阱。本文将介绍一些常见的Vue开发注意事项,帮助开发者避免这些错误和陷阱,提高开发效率和代码质量。注意事项一:合理使用v-if和

Vue中如何使用v-bind将数据绑定到HTML属性Vue.js是当前最流行的JavaScript框架之一,在开发Web应用程序时,常常需要将数据绑定到HTML中的元素属性。Vue提供了v-bind指令来实现这个功能。在本文中,我们将介绍如何在Vue应用程序中使用v-bind指令将数据绑定到HTML属性。v-bind指令是Vue中用于动态绑定数据到HTML属


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

记事本++7.3.1
好用且免费的代码编辑器

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境