解决EasyUI的datagrid设置了singleSelect=true(单选)，复选框不能取消勾选问题

最新推荐文章于 2021-06-21 13:03:31 发布

错过了时间

最新推荐文章于 2021-06-21 13:03:31 发布

阅读量2.5k

点赞数 2

分类专栏： EasyUI 文章标签： jquery javascript easyui

本文链接：https://blog.csdn.net/Code__rookie/article/details/114309906

版权

解决EasyUI的datagrid设置了singleSelect=true(单选)，复选框不能取消勾选问题

问题场景：

EasyUi中默认的DataGrid表格的复选框在设置单选后，选中数据后是不能取消勾选。

在这里插入图片描述

场景需求：

针对单选，要求选中当前数据后，再次点击能够取消勾选状态。

实现效果：

在这里插入图片描述
代码实现：

前置的个别文件引入问题这里就不进行赘述了。如果遇到导入jquery后，开发工具仍不能识别 $ 问题，可以跳转该文章查看：

解决IDEA使用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,

最低0.47元/天解锁文章

错过了时间

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
解决EasyUI的datagrid设置了singleSelect=true(单选)，复选框不能取消勾选问题

解决EasyUI的datagrid设置了singleSelect=true(单选)，复选框不能取消勾选问题问题场景：EasyUi中默认的DataGrid表格的复选框在设置单选后，选中数据后是不能取消勾选。场景需求：针对单选，要求选中当前数据后，再次点击能够取消勾选状态。实现效果：代码实现：前置的个别文件引入问题这里就不进行赘述了。如果遇到导入jquery后，开发工具仍不能识别 $ 问题，可以跳转该文章查看：解决IDEA使用Jquery的$符号，明明导入却还是提示找不到符号。
复制链接

扫一扫