专栏首页c#开发者锦上添花DataGrid!

锦上添花DataGrid!

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

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

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

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

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

onmouseout="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看起来

更加生动。 完!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 利用radio实现Datagrid的单选

    在datagrid中,我们可能会需要实现这种功能——列的单选,本身datagrid提供了select命令可以实现这种功能。另为也可以利用HTM...

    阿新
  • make Entity Framework revert empty strings to null!

    public override int SaveChanges(SaveOptions options)         {             forea...

    阿新
  • 使用JavaScript访问XML数据

    使用JavaScript访问XML数据 在网络浏览器软件中,可以Internet Explorer (IE)现在是一种标准的软件。可以看到,运行不同版本的Wi...

    阿新
  • 开发 | 用数据说话,R语言有哪七种可视化应用?

    今天,随着数据量的不断增加,数据可视化成为将数字变成可用的信息的一个重要方式。R语言提供了一系列的已有函数和可调用的库,通过建立可视化的方式进行数据的呈现。在使...

    AI科技评论
  • DataGrid删除确认及Item颜色交替

    有时候我们需要在删除DataGrid中Item相对应的数据时,需要弹出一个确认对话框来提示使用...

    Java架构师必看
  • 一篇文章教会你理解和定义Scrapy爬虫框架中items.py文件

    在前面几篇文章中我们已经学会了如何了编写Spider去获取网页上所有的文章链接及其对应的网页目标信息。在这一篇文章中,我们将主要介绍Scrapy中的Item...

    前端皮皮
  • 数据结构----队列

    SuperHeroes
  • 数据结构----栈

    SuperHeroes
  • 由旋转画廊,看自定义RecyclerView.LayoutManager

    前段时间需要一个旋转木马效果用于展示图片,于是第一时间在github上找了一圈,找了一个还不错的控件,但是使用起来有点麻烦,始终觉得很不爽,所以寻思着自己做一个...

    开发的猫
  • 神盾推荐——特征构造方法

    在机器学习建模问题中,合适特征的构造对于模型的性能至关重要,看到很多同学介绍特征工程,包括特征的预处理和特征筛选等。

    腾讯QQ大数据

扫码关注云+社区

领取腾讯云代金券