我们知道如果datagrid的宽度比较长那么使得我们很难分清楚行数据,也就是很容易 使我们看错行,我想如果当我们的鼠标移动到datagrid的行上,他可以清楚的显示给 我们就好了,那么好吧现在我们就开始,首先我们知道datagrid在客户端被解释成了 table所以我们有知道table都有tr和td组成,tr就是行,我们只需要在每个tr上面的 onmouseover加入一段javascript脚本就可以实现这个功能, οnmοuseοut="this.style.backgroundColor='white'"><td>...</td></tr> 时候将这段脚本加入进去。具体代码如下: ListItemType.AlternatingItem){ ("onmouseover","this.style.backgroundColor='Silver'"); ("onmouseout","this.style.backgroundColor='white'"); 只产生在里面的项上。 或者指定某列变色: ListItemType.AlternatingItem){ ("onmouseover","this.style.backgroundColor='Silver'"); ("onmouseout","this.style.backgroundColor='white'"); 不但如此你还可以指定鼠标移动到某一列时鼠标的形状: e.Item.Cells[0].Text + "!');") 通过这个方法我们还可以添加在鼠标移动到行上出现提示的效果 经过实践发现在绑定的时候你可以添加很多的javascript脚本使你的datagrid看起来 更加生动。 |
Datagrid 锦上添花
最新推荐文章于 2022-11-28 17:23:29 发布