easyui datagrid 多列checkbox

最新推荐文章于 2025-01-17 11:43:30 发布

张漂亮’s Blog

最新推荐文章于 2025-01-17 11:43:30 发布

阅读量680

点赞数

分类专栏：前端文章标签： checkbox easyui

本文链接：https://blog.youkuaiyun.com/zxjdC/article/details/113767591

版权

需求

如图，实现表格中多列复选框，做【选中】、【取消】操作时勾选与取消复选框。
在这里插入图片描述

前端

<body>
<div id="datagrid_toolbar">
    <div class="buttons-preview text-right">
        <a class="btn btn-success  btn-sm"
           href="javascript:save()"><i class="fa fa-save"></i>保存</a>        
    </div>
</div>
<table id="data_table" class="easyui-datagrid"
       data-options="
	                   url: '${basePath}/admin/policy/getPolicyConfig?policyId=${policyId}',
	                   method: 'get',
	                   rownumbers: true,
	                   border:'1',
	                   fitColumns: true,
	                   fit:true,
	                   striped: true,
	                   <#--pagination:true,-->
	                   <#--pageSize:'20',-->
	                   onClickRow:clickChange,
	                   idField: 'id',
	                   singleSelect: true,
	                   toolbar:'#datagrid_toolbar'
	               ">
    <thead>
    <tr>
        <th data-options="field:'id',width:100,hidden:true">id</th>
        <th data-options="field:'policyName',width:150,align:'center'">策略名称</th>
        <th data-options="field:'operateKey',width:150,align:'center'">操作key</th>
        <th data-options="field:'operateDesc'

最低0.47元/天解锁文章