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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM