ITPub博客

首页 > IT职业 > IT图书 > Highlight(高亮)Gridview控件列

Highlight(高亮)Gridview控件列

IT图书 作者:mac_xuyi 时间:2021-09-09 09:48:02 0 删除 编辑

一般情况之下,我们很轻易实现Gridview控件的行高亮,而想实现GridView控件的列高亮,是有点难度的。本博文也轻易教你实现GridView控件的列高亮。
在实现之前,我得准备数据,并绑定于网页上的Gridview。

我们就拿此篇的数据来演示吧:http://www.cnblogs.com/insus/archive/2013/05/01/3052722.html

 前端GridView:
图片描述

在.aspx.cs中,取数据库的资料,绑定至GridVeiw控件,大概如下:
图片描述

下面,我们开始了,首先在.aspx放一个DropDownList控件,要为此控件写上一个属性和一个事件AutoPostBack="true"OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"。

图片描述


参考上一篇,我们获取GridView控件所有列名与及列索引,并绑定至DropDownList控件上。
图片描述


在Data_Binding()方法内,绑定数据,
图片描述


接下来,我们写DropDownList控件OnSelectedIndexChanged事件,也就是说,用户选择列之后,动态去更改GridView的对应列的背景颜色。
图片描述


写好了,动画演示一下:
图片描述


看完演示动画,觉得高亮列,做得不完美,真正环境中,没有要求用户另外选择列名来高亮列的。正常是用户用Mouse来点击某一格,此格所对应的列高亮的。有办法吗?是要涉及至Click事件。
下面是Insus.NET尝试改的,在.aspx的GridView控件,添加一个事件,也就是
图片描述


在.aspx.cs写OnRowDataBound事件:
图片描述

上图中,带下划线的方法,是一个Javascript方法,即然是Javascript方法,它的代码得写放在.aspx的

标签内:
图片描述


上图的Javascript代码,第10行是取得GridView控件,第12行代码是计算出GridView的行数,第14行至19行代码,是循环所有行。
第15行代码,是获取GridVeiw的列数,第18行码是,改变Mouse点击列颜色。

我们再来看看最后的交效果:
图片描述

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4273/viewspace-2812604/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: spring aop
请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    75
  • 访问量
    497