• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    gridview 行选添加颜色和事件
    在gridview 列表中,需要添加如下效果,如果经过时变色,移开时还原成以前的颜色,行选中时通过加深色,从而知道选中了哪行,特别是列表数据比较多的时候,标志很重要,同时触发选中行事件,那么如何 行选中加颜色,同时也出发我们事件了?如果我们通入 e.Row.Attributes.Add("onclick", 绑定两次,发现只能触发其中的一个,其实可以把另个放到一个里面

    下面是具体的例子:
    复制代码 代码如下:

    protected void EditGridview_RowDataBound(object sender, GridViewRowEventArgs e)
    {
    if (e.Row.RowType== DataControlRowType.DataRow)
    {
    //当鼠标放上去的时候 先保存当前行的背景颜色 并给附一颜色
    e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='inactivecaptiontext',this.style.fontWeight='';this.style.cursor='hand';");
    //当鼠标离开的时候 将背景颜色还原的以前的颜色
    e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor,this.style.fontWeight='';");
    //当鼠标单击时,加深色标志
    e.Row.Attributes.Add("onclick", "setvalue();if(window.oldtr!=null){window.oldtr.runtimeStyle.cssText='';}this.runtimeStyle.cssText='background-color:#e6c5fc';window.oldtr=this");

    }


    }

    js代码:
    复制代码 代码如下:

    script type="text/javascript" >
    function setvalue() {
    alert('行单击事件,同时变色');
    }
    /script>
    您可能感兴趣的文章:
    • GridView中点击CheckBox选中一行来改变此行的颜色
    • GridView选择性导出Excel解决方案
    • 如何将数据绑到gridview然后导成excel
    • asp.net读取excel中的数据并绑定在gridview
    • GridView生成的HTML代码示例对比
    • gridview实现服务器端和客户端全选的两种方法分享
    • gridview的buttonfield获取该行的索引值(实例讲解)
    • Gridview自动排序功能的实现
    • 获取Gridview中ButtonField的text属性
    • DevExpress实现GridView当无数据行时提示消息
    上一篇:获取pc电脑和平板物理地址
    下一篇:嵌套repeater示例分享
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    gridview 行选添加颜色和事件 gridview,行选,添加,颜色,