亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Highlight(高亮)Gridview控件列

標簽:
JavaScript

一般情况之下,我们很轻易实现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的<head>标签内:



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

我们再来看看最后的交效果:


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 評論
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消