当前位置：首页 > 编程日记 > 正文

锦上添花DataGrid！

编程日记 2024-11-24 08:50:00

作者： cuike519的专栏 http://blog.csdn.net/cuike519/

我们知道如果datagrid的宽度比较长那么使得我们很难分清楚行数据，也就是很容易

使我们看错行，我想如果当我们的鼠标移动到datagrid的行上，他可以清楚的显示给

我们就好了，那么好吧现在我们就开始，首先我们知道datagrid在客户端被解释成了

table所以我们有知道table都有tr和td组成，tr就是行，我们只需要在每个tr上面的

onmouseover加入一段javascript脚本就可以实现这个功能，
<table>
<tr οnmοuseοver="this.style.backgroundColor='Silver'"

οnmοuseοut="this.style.backgroundColor='white'"><td>...</td></tr>
</table>
这是从客户端看到的脚本那么我们可以通过datagrd在绑定数据的ItemDataBound事件

时候将这段脚本加入进去。具体代码如下：
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

ListItemType.AlternatingItem){
e.Item.Attributes.Add

("onmouseover","this.style.backgroundColor='Silver'");
e.Item.Attributes.Add

("onmouseout","this.style.backgroundColor='white'");
}
这样就可以让鼠标移动过行的时候将颜色变成silver移走之后变成white（本色）。
前面的判断可以排除鼠标移动到Head和Foot的时候也有相同的效果，这样可以把脚本

只产生在里面的项上。

或者指定某列变色：
if(e.Item.ItemType == ListItemType.Item || e.Item.ItemType ==

ListItemType.AlternatingItem){
e.Item.Cells[2].Attributes.Add

("onmouseover","this.style.backgroundColor='Silver'");
e.Item.Cells[2].Attributes.Add

("onmouseout","this.style.backgroundColor='white'");
}

不但如此你还可以指定鼠标移动到某一列时鼠标的形状：
e.Item.Cells[3].Style("cursor") = "hand"
或者点击某一个单元个显示提示信息：
e.Item.Cells[3].Attributes.Add("onclick", "alert('你点击的ID是: " +

e.Item.Cells[0].Text + "!');")
等等...

通过这个方法我们还可以添加在鼠标移动到行上出现提示的效果
e.Item.Cells[2].Attributes.Add("title","在这里可以添加提示信息");

经过实践发现在绑定的时候你可以添加很多的javascript脚本使你的datagrid看起来

更加生动。
完！

https://www.dkcj.cn/info/28887.html

锦上添花DataGrid！

相关文章：

linux服务器优化1.0版

给DataGrid添加确定删除的功能

操纵神经元构造后门，腾讯朱雀实验室披露AI模型新型攻击手法

工程师进阶之路（四）

Hadoop API文档地址

两个FTP对传文件

全国大学生数学建模竞赛中，哈工大被禁用MATLAB

JDK NIO编程

ASP.NET ViewState 初探

[emuch.net]MatrixComputations(1-6)

身为面向对象编程、移动计算机之父的他，为何说“计算机革命还没真正到来”？...

动态表单构建器——建造者模式

网页素材大宝库：50套非常精美的图标素材

AI 面试“泛滥”的时代，HR该如何甄别真假“AI”？

C语言里面%2d 意思

DatagridView自动充满屏幕，并能指定某列宽度

在网页中动态的生成一个gif图片

11项重大发布！百度大脑语言与知识技术峰会全程高能

MySQL 5.5.35 单机多实例配置详解

ASP.NET超凡的代码控制

老码农：这是我见过最操蛋的代码，切勿模仿！

QTP时间格式的转换(YYYYMMDDHHMMSS)

Selenium2+python自动化25-js处理日历控件（修改readonly属性）

ASP.NET强大的性能

POJ-1753 Flip Game 枚举状态压缩

“半真半假”DeepFake换脸也能精准识别？阿里安全提出全新检测方法

python 定时任务

思科AP与交换机端口的配置

Namespace(命名空间)的使用

“编程能力差！90%输在这点上”谷歌AI专家：其实都是瞎努力！