解决EasyUI的datagrid设置了singleSelect=true(单选),复选框不能取消勾选问题
问题场景:
EasyUi中默认的DataGrid表格的复选框在设置单选后,选中数据后是不能取消勾选。
场景需求:
针对单选,要求选中当前数据后,再次点击能够取消勾选状态。
实现效果:
代码实现:
前置的个别文件引入问题这里就不进行赘述了。如果遇到导入jquery后,开发工具仍不能识别 $
问题,可以跳转该文章查看:
示例代码:
<!DOCTY html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Basic DataGrid - jQuery EasyUI Demo</title>
<script type="text/javascript" src="../lib/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../lib/jquery.easyui.min.js"></script>
<link rel="stylesheet" type="text/css" href="../lib/easyui.css">
</head>
<body>
<h2>Basic DataGrid</h2>
<p>The DataGrid is created from markup, JavaScript code needed.</p>
<div data-options="region:'center'">
<table id="approachCorrelationTest"></table>
</div>
</body>
<script>
$("#approachCorrelationTest").datagrid({
url:'../grid_data.json',
method:'get',
striped:true,
fitColumns:false,
singleSelect:true