vs.net beta 2中利用DataGrid分页详解

原创 2001年10月18日 14:10:00

beta 2中利用DataGrid分页

说明:

1、本篇文章只适用于初学vs.net者,尤其对vs.net环境还不是很熟悉者。

2、需要的环境:win2000, sql server2000, vs.net beta2

步骤:

1. 打开 VS.NET Beta 2;

2. 建立一个 C# ASP.NET Web 应用程序 工程;

11009_001.gif

3、从工具箱->数据 页拖动SqlDataAdapter 到Web Form设计窗口;

技巧:CTRL-ALT-X  可以快速切换到工具箱界面;

11009_002.gif

4、这时会出现数据配置器配置向导界面,如下:

11009_003.gif

5、点击下一步,我们将开始配置与数据库的连接,由于以前我们没有配置过

数据库连接,我们将新建连接,单击新建连接,这里我们将连接sql server

自带的Northwind数据库,并从其中的Products表提取些数据,如下

11009_004.gif

说明:下面建立数据库连接;

11009_005.gif

11009_006.gif

6、在建立了数据库的连接后,我们将读取其中的数据,这里为了简单,我们

只读取Products表的几个字段的值;

11009_007.gif

11009_008.gif

说明:由于我们不考虑修改,删除的问题,这里在高级选项中我们将去掉生成Insert、

Update和Delete语句来更新数据源的选项;

11009_009.gif

说明:下面是利用查询生成器生成sql语句的图片;

11009_010.gif

说明,上面这几步你也可以不用这么麻烦,自己手工输入sql语句;

11009_011.gif

说明:单击下一步,最后确认,单击完成,就完成对sqlDataAdapter的配置;

11009_012.gif

点击完成后,可以看到这时候Web Form设计窗口的下方,VS.NET创建了包含

SqlDataAdapterSqlConnection 对象的一个区域;

11009_013.gif

选择SqlDataAdapter1 点击右键,查看代码;

11009_014.gif

你能看到vs.net为刚才步骤建立的代码;

11009_015.gif

7、选择SqlDataAdapter1对象,这时候在属性页右下角可以看到:

配置数据适配器(C)....,生成数据集(G)...,预览数据(P)...

点击生成数据集;

11009_016.gif

说明:这时候会出现如下的窗口,采用默认设置,单击确认就会生成数据集:dataSet11;

11009_017.gif

8、从工具箱->数据 页面拖动一个DataView对象到设计视图;

11009_018.gif

9、选择dataView1对象,并设置它的属性Table 属性为dataSet1的Products,如下图;

11009_019.gif

10、从工具箱->Web窗体中拖动一个DataGrid对象到设计视图;

11009_020.gif

11、设置DataGrid1对象的DataSource属性为:dataView1;

11009_021.gif

12、设置DataGrid1对象的AllowPaging属性为:True, PageSize为每页显示的记录数,也可以修改;

11009_022.gif

13、选择DataGrid1,在属性页佐下角有如下连接:

11009_023.gif

14、点击:属性生成器,出现下图,在分页设置中,我们修改模式为:页码(不同的模式,后面我们分页的代码书写也不同);

11009_024.gif

15、点击自动套用格式,你可以修改DataGrid1的格式,这些都是外观的问题,你可以根据自己的爱好选择一个;

11009_025.gif

16、下面我们需要书写些代码;

如下图:鼠标点击红色地区,这是后显示选择的对象是:WebForm1,然后在属性页,点击蓝色区域的按钮,就是那个闪电的按钮,进入这个对象的事件页面,

11009_026.gif

17、在WebForm1的事件Load上双击鼠标,就是下图中深蓝色的地方,Vs.net自动给你增加Webform1的load事件函数;

11009_027.gif

如下图,添加下列图中的代码;

11009_028.gif

同样的方法,增加dataView1的PageIndexChanged事件,并添加下列代码;

11009_029.gif

至此,我们的工作已经完成,按F5键,编译就可以看到结果了。

提示:不知道是不是beta2的一个bug,在代码页,如下方式进入事件,它不会在事件列表中增加这个事件,但会出现这个事件函数,这时候,你需要自己把它增加到事件列表中,也就是增加下行代码:

11009_030.gif

上图中,在代码编辑页,选择某个函数进入,就会快速跳到指定的函数,如果没有这个函数,它会创建这个函数,但是缺少把这个函数对应的事件加入事件,这时候,我们需要用增加下图蓝色加亮区域的代码。

11009_031.gif

参考资料来源:

1、http://www.aspnextgen.com

 

easyui的datagrid使用以及分页

easyui对于开发桌面级的WEB应用界面确实十分方便,而且美观。这里着重记录一下datagrid的使用,以及通过前后端配合实现的超简单的数据分页查询方式。...
  • tzdwsy
  • tzdwsy
  • 2015年08月09日 13:57
  • 3419

Easyui 使用datagrid分页 详解 代码

做网站的后台设计,用到了easyui,在使用datagrid的分页时遇到了很多问题,比如如何传递分页参数,如何接收总的数据量,经过小半天的研究,终于搞出来了,下面是一些常遇到的问题,可能会对新手有所帮...
  • jp571534020
  • jp571534020
  • 2014年12月16日 11:30
  • 15061

easyui下的datagrid后台数据加载和分页

Datagrid的创建需要做以下几件事情,   第一步,我们需要引入以下几个个包,少一个都不可以,否则你会发现你无论做的再怎么对结果都会出错,       第二步,引入了这些包之后,我们需...
  • m0_37560267
  • m0_37560267
  • 2017年04月27日 10:08
  • 1545

easyui 中的datagrid分页技术实现

一些基本的知识参考官网          http://www.jeasyui.com/documentation/index.php# 这里我强调一点 datagrid会...
  • cao478208248
  • cao478208248
  • 2014年06月13日 17:59
  • 3748

datagrid自定义分页控件

  • qq_31971935
  • qq_31971935
  • 2016年08月10日 17:32
  • 490

Esayui中的dataGrid分页取数据的例子

由于项目原因,用了jquery easyui 感觉界面不错,皮肤样式少点,可是官网最近打不开了,资料比较少,给的demo没有想要的效果,今天在用datagrid 做分页显示的时候,折腾了半天,网上的资...
  • a363722188
  • a363722188
  • 2015年05月20日 10:38
  • 1093

easyui datagrid 客户端搜索、分页、排序

easyui datagrid的排序默认是服务器端排序,可以用sorter实现客户端排序[2];客户端分页可用filter实现[3];客户端搜索同样可以用filter实现。...
  • junglezax
  • junglezax
  • 2014年06月26日 14:22
  • 2179

datagrid初始化表格时不加载数据及分页设置无效的原因

页面在初始化加载数据较多时会非常耗时,如果只加载表格,用户再根据自己的需要通过条件查询数据,就会节约一些时间,提高用户体验,所以在初始化datagrid时想只加载表格不加载数据,做到数据与表格加载分离...
  • chengsi101
  • chengsi101
  • 2017年07月02日 21:18
  • 887

EasyUI数据分页实现(真假分页)

数据分页功能的实现是在任何一个项目中都非常实用的一个功能,在ASP.NET学习的时候,曾写过一篇关于分页功能的实现(点击查看),上面已经介绍的真假分页的优缺点,在这里我们就不过多的赘述了。现在的分页实...
  • why15732625998
  • why15732625998
  • 2016年08月14日 11:56
  • 10299

为DataGrid的自带分页添加首页、尾页及状态功能

DataGrid提供了分页功能,不过看上去功能有限,但是我们可以通过DataGrid的一些属性来获取状态以及增加首页、尾页功能按钮。这里没有使用DataGrid的自定义分页功能,如果在速度效率不是很讲...
  • yueqing
  • yueqing
  • 2013年04月09日 13:28
  • 623
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:vs.net beta 2中利用DataGrid分页详解
举报原因:
原因补充:

(最多只允许输入30个字)