easyUI-DataGrid批量删除数据

最新推荐文章于 2021-09-16 20:06:39 发布

weixin_33696822

最新推荐文章于 2021-09-16 20:06:39 发布

阅读量128

点赞数

文章标签：后端 javascript json ViewUI

原文链接：https://my.oschina.net/Cubicluo/blog/892792

版权

2019独角兽企业重金招聘Python工程师标准>>>

一.使用场景

后台很多时候要涉及到批量删除数据的管理，如下

二.使用方法

1.JS

删除按钮的id为delete,思路：点击删除按钮，获取选中的行，删除选中的行，下面的js还可以完善。

$("#delete").click(function () {
        var ids=[];//所有选中行的id数组
        var rows= $('#dg').datagrid("getSelections");//获得所有选中的行
        for(var i=0; i<rows.length; i++){
            ids.push(rows[i].id);
        }
        if(ids.length>0){
            $.ajax( {
                url:'manage/discuss/delete',
                data:{
                    ids : ids,
                },
                type:'post',
                cache:false,
                dataType:'json',
                traditional:true,
            });
        }else {
            alert("您没有选择要删除的行")
        }
        $('#dg').datagrid("reload");//删除后，刷新表格数据
    })

2.Java、springmvc后端

  @RequestMapping(value = "/discuss/delete", method = RequestMethod.POST, produces = {
            "application/json;charset=utf-8" })
    @ResponseBody
    public void deleteDiscuss(@RequestParam(value = "ids") int[] ids){
        for (int i=0;i<ids.length;i++){
           int id= ids[i];
        mp.deleteDiscuss(id);
        }

    }

3.注意：我比较不懂的是后端如何获取前端传来的数组

转载于:https://my.oschina.net/Cubicluo/blog/892792