基于gridview控件仿excel格式显示数据的网页制作

基于gridview控件仿excel格式显示数据的网页制作

ID:35214699

大小:92.17 KB

页数:5页

时间:2019-03-21

基于gridview控件仿excel格式显示数据的网页制作_第1页
基于gridview控件仿excel格式显示数据的网页制作_第2页
基于gridview控件仿excel格式显示数据的网页制作_第3页
基于gridview控件仿excel格式显示数据的网页制作_第4页
基于gridview控件仿excel格式显示数据的网页制作_第5页
资源描述:

《基于gridview控件仿excel格式显示数据的网页制作》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、基于GridView控件仿EXCEL格式显示数据的网页制作谭东清海南职业技术学院海南海口570216摘要:本文通过一个实用的网页实例,深入探讨ASP.NET的GridView控件模仿EXCEL格式显示数据的网页制作思路与实现过程,介绍了GridView控件在冻结窗格、合并单元格、自动编号和自定义分页控件等功能的编程技巧。关键词GridView、冻结窗格、合并单元格、自动编号imitationEXCELformatdataWebpagemakingbasedonGridViewcontroltandongqingHainanCollegeofVocationan

2、dTechniqueHainanHaikou570216Abstract:Inthispaper,byapracticalexampleWebpage,in-depthstudyASP.NETGridViewcontrolstoimitateEXCELformatdataWebpagemakingideasandimplementationprocess,introducestheGridViewcontrolinthefreezepanes,mergecells,theautomaticnumberingandcustompagingcontrolsfunc

3、tionalprogrammingskills.Keywords:GridViewcontrol,freezepanes,mergecells,Automaticnumbering1引言GridView是ASP.NET中功能强大的数据绑定控件,它可以让用户按照自己的需要控制数据的显示格式,除了控件自身提供的排序、更新和删除数据缓存等功能外,还可以通过手动编码的形式实现GridVeiw控件的高级数据绑定。为了更好的推进顶岗实习工作,实现对顶岗实习的有效管理,我根据经济管理学院的要求开发了一个顶岗实习管理系统,通过该系统实现对学生的顶岗实习的各项数据收集、统计和分

4、析,提高了学生顶岗实习管理的质量。下面通过该系统中的学生实习报告查阅页面,深入解析使用GridView控件仿EXCEL格式呈现数据的方法与实现,对ASP.NET的开发者具有一定的参考价值。2网页效果本文制作的查阅学生实习报告的网页效果如图1所示,网页浏览效果类似于EXCEL的冻结窗格功能,即将报告列表的左边两列固定,剩下的右边列内容通过滚动条移动查看,点击翻页时,数据序号自动按顺序递增编号,每一次报告标题都合并了相关的数据单元格,使得数据结构清晰,查阅非常方便。图1网页实例作者简介:谭东清,1973,男,讲师,学士、主要研究方向是电子商务;E-mail:375

5、0418@qq.com3设计思路要实现以上网页数据浏览的功能,需求对GridView控件应用有比较深入的了解,本实例的设计思路如下:(1).类似EXCEL的冻结窗格功能是通过两个GridView控件来实现的。(2).为了提高代码的重用性和易用性,网页采用了编写代码的方式将数据库数据绑定到GridView控件。(3).为了增强GridView控件的分页功能和能更方便的通过样式美化分页按钮,网页使用了第三方分页控件AspNetPager。该控件相对来说使用简单,不需要编写复杂的分页代码,而且功能齐全。(4).通过TableHeaderCell类实现合并单元格的编程

6、技巧。(5).由于默认的GridView控件显示信息时无法给绑定的数据行自动编号,所以给GridView控件添加一个模板列,在该模板列插入一个Lable控件,通过代码编程给Lable控件赋值实现数据行自动编号。4技术实现4.1页面设计在xueshengbaogao.aspx网页文件中,主要的网页设计对象是GridView控件和自定义分布控件。首先添加两个GridView控件,一个控件显示“序号和姓名”两列,另一个控件显示剩余的列数据。将两个GridView控件分别放在两个

标签中。通过设置GridView控件的大小和给这两个
标签设置相应的样式

7、,即可实现“序号和姓名”两列数据位置固定,其它的列可通过滚动条查看的效果。两个

标签的样式设置如下:#xsbb_left{float:left;width:100px;margin-right:0px}#xsbb_right{overflow:auto;float:left;width:920px;margin-left:0px}然后添加自定义分页控件。如果分页控件事先已添加到控件选项卡,则从控件选项卡将分页控件图标拖放到GridView控件下面,将网页切换到源代码视图,把新添加的分页控件代码修改成如下代码,再设置样式,即可得到很美观的分页按钮效果。<

8、webdiyer:aspnetpage

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。