聊城万拓网络科技-专业聊城网站建设、聊城网站制作、聊城网站优化、聊城做网站的品牌网站建设专家!

    您当前的位置是:首页 - 新闻动态 - 网站建设 » 锦上添花的datagrid控件使用技巧

    锦上添花的datagrid控件使用技巧
     发布时间:2014-03-25  点击次数: 次   作者:万拓网络  来源:lcbaituo.com  Tags:

    我们知道如果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看起来

     

    更加生动。
    完!



    分享到:
    上一篇:养成做笔记的习惯开始学习C#1. Console.readline() 意思是等待你输入一行并忽略掉行末的回车 你在A出加 Console.readline() 程序执行到A就暂停了,你随便按几个键 再按回车 或 直接按回车就会进入下一次循环 就 又执行Console.WriteLine()了 再B出 加 Console.readline() 作用是让程序暂停 一边让你看到 循环执行的效果 你
    下一篇:用HTML的方式实现IE浏览器的菜单命令集锦
     

    本站业务:聊城网站建设-聊城网站制作-聊城做网站