【EasyUI DataGrid】批量操作

最新推荐文章于 2025-10-11 13:47:43 发布

原创

最新推荐文章于 2025-10-11 13:47:43 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#DataGrid #批量操作

这篇博客介绍了如何使用EasyUI DataGrid实现批量操作功能，特别是将教师在线培训项目的状态批量设置为关闭。通过添加复选框，结合前台JS代码和后台Java代码，最终达到了预期效果。

本篇博客主要实现的功能是，对EasyUI DataGrid中的信息进行批量的操作，所要实现的功能为：批量对教师在线培训项目的状态改为关闭。

一、EasyUI批量操作样式

为了能够对EasyUI中的多行数据进行操作，需添加复选框。如下图所示：

EasyUI中的DataGrid的复选框代码如下所示：

 <table id="ddg1" class="easyui-datagrid"
               data-options="
               url:'/getonline_infomation',
               method:'get',
               border:false,
               singleSelect:false,
               checkbox:true,
               fit:true,
               collapsible:false,
               pagination:true,
               pageSize:25,
               pageList:[25,15,10]">
            <thead>
            <tr>
                <th data-options="field:'cb',align:'center',width:'110px',checkbox:'true'"></th>
                <th data-options="field:'train_no',align:'center',width:'100px'"