pointer-events: none——CSS实现禁用鼠标点击事件!巧妙解决ExtJs表格单行禁用功能!
来源:互联网 发布:java反射的作用 编辑:程序博客网 时间:2024/05/18 14:26
注:该篇更好的解决方案见:【解决方案】Ext.grid.CheckboxSelectionModel 实现锁住指定行不被选中
需求如下:
实现效果如下:
注:深灰色的背景色丑是丑了点,但是也正是这样才让前面的勾选框看上去不存在,实际上这个checkbox还是存在的,只是颜色正好被覆盖了。
实现方法如下:
js中,对表格的 viewConfig 属性进行 getRowClass 判断设置:
viewConfig: {
forceFit: false,
getRowClass:function(record,index,rowParams,store){
if (record.data.status == "startCatalog") {
return "getRowClassLock";
}
}
},
css中,对返回的样式进行设置,此处就完美地应用 pointer-events: none实现鼠标点击无效的功能!
.getRowClassLock {
background-color: #999;
pointer-events: none;
}
0 0
- pointer-events: none——CSS实现禁用鼠标点击事件!巧妙解决ExtJs表格单行禁用功能!
- CSS中pointer-events:none解决重叠元素不能感应鼠标事件的问题
- pointer-events:none解决重叠元素不能感应鼠标事件的问题
- [html5入门-28]css禁用鼠标点击事件
- JavaScript实现禁用键盘和鼠标的点击事件
- pointer-events:none;阻止区块被点击
- css3 pointer-events:none 允许点击穿透
- js/jquery/css 禁用点击事件
- 禁用<a>点击事件
- CSS3 pointer-events:none
- css3 pointer-events: none;
- JS禁用鼠标滚轮事件
- JS禁用鼠标滚轮事件
- 鼠标事件被禁用了
- 81.禁用checkBox点击事件
- html.div禁用点击事件
- 在浏览器中禁用鼠标右键:禁用鼠标右键功能
- 禁用鼠标键盘简单实现
- 今日开始写博客,一个礼拜最少两篇
- 内连接与左右连接
- 编写一个程序,它打开一个文本文件,逐个字符地读取该文件,直到到达文件末尾,然后指出该文件中包含多少个字符
- QT 用流读写二进制文件解决高低端问题
- Spring MVC 全局异常处理(1) --SimpleMappingExceptionResolver
- pointer-events: none——CSS实现禁用鼠标点击事件!巧妙解决ExtJs表格单行禁用功能!
- esclipse的常用快捷键
- ubuntu 14.04 ssh server建立过程
- adb驱动警告需要数字签名的解决办法
- 防火墙规则,指定ip访问mysql数据库3306端口
- 数据类型(对数据的操作)——奇葩关键字
- mysql登陆测试hydra方式
- 嵌入式应用层开发要学习什么
- 最大公约数和最小公倍数