使用css控制gridview控件的样式,GridView 样式美化及应用.doc[通俗易懂]

使用css控制gridview控件的样式,GridView 样式美化及应用.doc[通俗易懂]GridView样式美化及应用GridView样式美化及应用摘要:ASP.NET4.0中GridView控件主要用于显示数据库的查询结果。文中对GridView控件的样式美化进行了研究,探讨了GridView控件在应用过程中的自动排序及动态添加列等功能,并给出了其实现方法。经过系统的应用与实践验证,基本实现了预期的效果。关键词:GridView;class绑定;事件中图分类号:TP311…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

GridView 样式美化及应用

GridView 样式美化及应用摘要:ASP.NET 4.0中GridView控件主要用于显示数据库的查询结果。文中对GridView控件的样式美化进行了研究,探讨了GridView控件在应用过程中的自动排序及动态添加列等功能,并给出了其实现方法。经过系统的应用与实践验证,基本实现了预期的效果。

关键词:GridView;class 绑定;事件

中图分类号:TP311 文献标识码:A 文章编号:1009-3044(2012)28-6716-03

序、更新、删除、选择和分页。当 GridView 控件绑定到某个数据源控件时,GridView控件可利用该数据源控件的功能并提供自动排序、更新和删除功能,而这些功能的实现有时可以不写代码或写很少的代码。

GridView还引入了一批新的功能强大的视图控件,并为方便开发人员定制编程提供了大量的模板支持。但这些模板往往不能满足许多特定的要求,本文就对GridView的样式及一些常用功能做了简单的研究。

1 GridView样式

1.1 表头样式

要改变GridView的表头样式我们可以通过控制列标记内设置来实现,代码如下:

然后在css样式表中设置:

但这样你会发现表头并未按你的要求居左显示,由于GridView在生成html的时候,表头对应的是th标记,th的默认的样式是居中粗体,即使你定义并在HeaderStyle中应用了样式:text-align:left;,表头依然是居中显示。这是因为生成时html时该样式是被应用在tr上的,类似:,所以,你这样应用的表头样式是无法生效的。只有你在样式表中定义了:tr{text-align:left},才可以让表头靠左显示。

1.2 边框样式

这样的缺点是不太灵活,如果需要用主题来控制界面样式,而代码中又有这样的语句的话,就不是很合适,利用css提供的机制,可以比较好的解决这个问题,代码如下:

然后在css样式表中设置:

这样就解决了gridview的边框问题

1.3 隔行变色

为了提高表格的可阅读性和界面的友好性,GridView一般都采用现在比较流行的隔行改变背景色的效果,也可以通过GridView提供的AlternatingRowStyle属性来控制但常常会出现表格错乱等现象,因此我们采用通过js计算单双行来改变背景色的方法,代码简单且兼容性也较好,代码如下:

//设置每一行的背景色和事件,循环从1开始而非0,可以避开表头那一行

调用:

2.4 鼠标经过行变色

想要实现很炫的鼠标经过行变色效果只需在GridView的RowDataBound事件中加入如下代码:

//判断是否为数据行

//鼠标悬停把原来颜色赋给C,修改当前颜色为#00ffee

//鼠标离开改回原来颜色

2 GridView常用功能

2.1动态添加列

在实际应用中我们经常要在末尾列或任意位置动态的添加列,其实现代码如下:

//构造一个数据列对象出来

//加此数据列进入GridView

//或者插入到指定位置

2.2 自动序列号

有时我们需要对GridView表格显示的结果增加一列自动递增编号列,以标示每一行的序号。要实现这一功能,先在 GridView 第一列加入一个 TemplateField,并在 TemplateField 的 3 总结

该文对.net编程中常用的GridView控件的样式做了详细的说明,并对在日常编程中会遇到的一些问题的解决做了详细的说明,这些代码都在实践的开发中作了验证,并达到了预期的效果。

参考文献:

[1] Robinson S. NageC.C#高级编程[M].3版.北京:清华大学出版社,2005.

[2] 曾顺.精通CSS+DIV 网页样式与布局[M].北京:人民邮电出版社,2007.

[3] Whitechapel A, Archer T.C#技术揭秘[M].北京:机械工业出版社,2003.

1

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/189743.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结

    HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结最近写网页经常需要将div在屏幕中居中显示,遂记录下几个常用的方法,都比较简单。水平居中直接加上<center>标签即可,或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中(水平居中+垂直居中)的方法放上示范的html代码:<body><divclass="main">

  • Mac删除文件快捷键[通俗易懂]

    1.选中并放入垃圾桶#command+delete//外接键盘的话:command+BackSpace2.清空垃圾桶#command+delete+shift//外接键盘的话:command+BackSpace+shift 

  • 单隐层前馈神经网络网络构造_前馈型神经网络常用于

    单隐层前馈神经网络网络构造_前馈型神经网络常用于这篇博客主要介绍神经网络基础,单隐层前馈神经网络与反向传播算法。神经网络故名思议是由人的神经系统启发而得来的一种模型。神经网络可以用来做分类和回归等任务,其具有很好的非线性拟合能力。接下来我们就来详细介绍一下但隐层前馈神经网络。首先我们来看一下神经元的数学模型,如下图所示:可以看到为输入信号,而神经元最终输出为,由此我们可以看到,单个神经元是多输入单输出的。但是从上图我们可以看到,…

    2022年10月30日
  • MongoDB(三)—-MongoDB的集合操作

    MongoDB(三)—-MongoDB的集合操作

    2020年11月12日
  • 关于PHP程序员技术职业生涯规划

    关于PHP程序员技术职业生涯规划

    2021年10月15日
  • java变量设置_如何正确的配置JAVA环境变量

    java变量设置_如何正确的配置JAVA环境变量原创:YiKiA2Data什么是环境变量?环境变量是在操作系统中一个具有特定名字的对象,它包含了一个或者多个应用程序所将使用到的信息。为什么要配置环境变量?为了方便在控制台编译和运行java程序,不必进入到java的程序目录里面去运行。这样你放在任何目录下的java程序文件都可以编译运行,而不是必须把这个程序文件放在java.exe和javac.exe所在的目录下。什么是JAVA_HOME…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号