zoukankan      html  css  js  c++  java
  • React-ant-design表格组件进行批量删除方法(案例详解)(转)

    1、在表格组件中需要进行批量删除


    2、首先我们需要传回的参数为所选中的id数组,
    在删除事件绑定相应的方法,在方法中我们要实现的是将选中删除的数据的id传回到后台中去,而接口中的id会在selectedRows中


    所有我们将这里的selectedRows更新selectedRows中,当然在初始的state我们定义为空
    3、回到删除方法中

    handleDeleteOk = () => {
    confirm({
    title: '确认要删除吗',
    onOk() {
    const idList = [];
    //将选中的数据中的id循环到我们自己定义的idList中
    this.state.selectedRows.forEach(item => {
    const id = item.registrationId;
    //push到idList中
    idList.push(id);
    });
    const { dispatch } = this.props;
    dispatch({
    type: 'recycleBin/batchRemove',
    payload: {
    registrationIdList: idList,
    },
    }).then(() => {
    this.getPageList();
    });
    },
    onCancel() {},
    });
    };

    4、OK
    ————————————————
    版权声明:本文为CSDN博主「WebViewSuper」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/weixin_45416217/java/article/details/103767455

  • 相关阅读:
    Oracle ref cursor和sys_refcursor
    一些命令可以帮您了解Linux 操作系统用户信息
    Linux 6上使用UDEV绑定共享存储
    Oracle VirtualBox 问题汇总
    Linux 常用操作
    CentOS 7 运行级别切换
    Oracle 更新Opatch、打补丁
    django rest framework restful 规范
    CBV FBV rest framework
    CRM
  • 原文地址:https://www.cnblogs.com/snowhite/p/12668491.html
Copyright © 2011-2022 走看看