gridview行选添加颜色和事件
事件 添加 颜色 GridView
2023-06-13 09:15:20 时间
在gridview列表中,需要添加如下效果,如果经过时变色,移开时还原成以前的颜色,行选中时通过加深色,从而知道选中了哪行,特别是列表数据比较多的时候,标志很重要,同时触发选中行事件,那么如何行选中加颜色,同时也出发我们事件了?如果我们通入e.Row.Attributes.Add("onclick",绑定两次,发现只能触发其中的一个,其实可以把另个放到一个里面
下面是具体的例子:
复制代码代码如下:
下面是具体的例子:
protectedvoidEditGridview_RowDataBound(objectsender,GridViewRowEventArgse)
{
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代码:
<scripttype="text/javascript">
functionsetvalue(){
alert("行单击事件,同时变色");
}
</script>
相关文章
- laravel 模型事件,消息队列容器,驱动异步,添加任务,消费任务
- Layui前端框架中的Button添加Click事件
- 自定义事件在 Vue.js 组件中的应用
- 【Visual Studio 2019】创建 MFC 桌面程序 ( 安装 MFC 开发组件 | 创建 MFC 应用 | MFC 应用窗口编辑 | 为按钮添加点击事件 | 修改按钮文字 | 打开应用 )
- 37页pdf,埃默里大学最新「大数据时代事件预测」综述,ACM顶级期刊上发表
- 【Java AWT 图形界面编程】LayoutManager 布局管理器 ⑤ ( CardLayout 卡片布局 | ActionListener 按钮点击事件添加 )
- 模拟拖拽图片 碰撞检测 DOM 鼠标事件 闭包详解编程语言
- 对滚动条添加JS事件详解编程语言
- Oracle 等待事件 free global transaction table entry 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 SQL*Net message to dblink 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 SYNC Remote Write 官方解释,作用,如何使用及优化方法
- jQuery给动态添加的元素绑定事件的方法详解编程语言
- JQuery添加事件监听详解编程语言
- HTML 事件
- MySQL事件定时,让数据库管理更智能(mysql事件定时)
- 监控Redis集群中变化情况用事件监听(redis集群事件监听)
- Redis实现超时触发事件的解决方法(redis 超时触发事件)
- 为Java应用程序添加退出事件响应
- 动态为事件添加js代码示例
- ASP.NET页面中动态增加的控件、添加事件
- 兼容IE与firefox火狐的回车事件(js与jquery)
- 为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
- 为body标签和document.body都添加点击事件后仅Firefox弹出了两次
- 最佳的addEvent事件绑定是怎样诞生的
- js动态添加onload、onresize、onscroll事件(另类方法)
- 多种方法实现JS动态添加事件
- 给ListBox添加双击事件示例代码
- C#程序窗体间使用回调事件方式通讯示例
- jQuery回车事件enter使用示例
- div失去焦点事件实现思路
- js动态往表格的td中添加图片并注册事件
- Cocos2d-x触摸事件实例