去掉easyui datagrid默认鼠标移动,选择事件样式

  easyui的datagrid,当鼠标移动到数据行上时会显示一个淡蓝色的背景,启用了checkbox进行数据行选择时,选中数据行会出现淡黄色的背景,要想去掉easyui datagrid的这2事件添加的样式,可以按照下面的步骤进行。

去掉easyui datagrid默认鼠标移动,选择事件样式

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默认鼠标移动,选择事件样式

评论(0)Web开发网
阅读(1753)喜欢(1)不喜欢(0)easyui