去掉easyui datagrid默认鼠标移动,选择事件样式
easyui的datagrid,当鼠标移动到数据行上时会显示一个淡蓝色的背景,启用了checkbox进行数据行选择时,选中数据行会出现淡黄色的背景,要想去掉easyui datagrid的这2事件添加的样式,可以按照下面的步骤进行。
1)鼠标移动到datagrid数据行上显示的淡蓝色背景,可以通过移除mouseover事件来完成。
<table id="dg" class="easyui-datagrid" title="去掉easyui datagrid默认鼠标移动,选择事件样式" style="width:700px;height:250px" data-options="fitColumns:true,url:'datagrid_data1.json',method:'get', onLoadSuccess:function(){$(this).prev().find('div.datagrid-body').unbind('mouseover')} ">
2)勾选datagrid数据行后添加的淡黄色背景,需要修改源代码jquery.easyui.min.js,注释掉下面这句代码
//opts.finder.getTr(_592,_593).addClass("datagrid-row-selected");
以上修改居于jquery easyui 1.3.5,如果没有效果自己通过浏览器开发工具查看dom结构后进行修改。
加支付宝好友偷能量挖...
原创文章,转载请注明出处:去掉easyui datagrid默认鼠标移动,选择事件样式