easyui-datagrid去掉点击出现行背景的事件

情境再现

相信很多人都会遇到点击行的时候会出现背景，，然后要点第二次才会消失。。确实很烦人，那就按我的操作步骤来吧

 

分析问题：

主要是样式和事件来控制的，那我们就设好相应的操作来解决吧

解决问题：

1.在css文件中，设这个操作。。我们就把背景设为白色，这样就不会出现楼上那烦人的问题了。

<style type="text/css">

.datagrid-row-selected {

   background: #ffffff;

   color: black;

}

</style>

 

2.在Js文件中，设置属性和事件

<script type="text/javascript">

var selectIndex = -1;

onClickRow: function(index, data) {

                 if (index == selectIndex) {
                                //第一次单击选中,第二次单击取消选中
                    $(this).datagrid('unselectRow', index);
                           
                    selectIndex = -1;
                 }else{
                            selectIndex = index;
                           }
                      
                },

</script>

 

3，运行程序，如果没有出现相应的效果，那么看一下你的框架。。大体思路就是这样子的

 

欢迎关注我的幽默代码公众号，做一个幽默的程序员