使用原生javascript实现“分页删除”

背景:“分页删除”是指在某一页勾选了若干条记录后,翻页再勾选若干条记录,点击删除后,勾选中的记录会被删除,而不是只能删除当前页勾选的记录,并且返回去还能看到原来勾选的记录还是处于被勾选状态。

我的实现思路:利用javsscript里面的数组,记录被勾选的数据,每次翻页都把它传到也下一页,最后一起传到后台处理。

第一步:先准备几个工具方法,方便后面直接调用:

使用原生javascript实现“分页删除”

第二步:处理复选框和数组的关系,复选框选中相应的值就得加入到数组

使用原生javascript实现“分页删除”

第三步:每次翻页都把数组传到下一页

使用原生javascript实现“分页删除”

第四步:删除请求处理:

使用原生javascript实现“分页删除”

第五步:后台数据库删除操作BatchDeleteUserInfoAction.java:

使用原生javascript实现“分页删除”

使用原生javascript实现“分页删除”

最后是处理反显,让你返回后看到刚刚被选中的记录还是处于被选中状态

使用原生javascript实现“分页删除”

使用原生javascript实现“分页删除”

这就是我实现“分页删除”的思路和代码,希望你们能看得懂我这凌乱的编码风格,献丑献丑!