分页查询时,当元素可以删除时,加载更多的处理办法

Posted 呆小田

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了分页查询时,当元素可以删除时,加载更多的处理办法相关的知识,希望对你有一定的参考价值。

大部分情况下,分页查询时,在页面展示的元素是没有删除操作的。而今天遇到的一个情况是,分页查询出来的元素,用户是可以进行删除操作的。如果不进行处理,用户每删除一个元素,加载更多显示出来的元素就会减少一个。

目前所采用的方法是,用户每删除一个元素时,如果total > size 时,就给它追加一个。加载更多那不需要进行任何处理

js代码如下:

    • $li.remove();
      total–;
      if(total >= kk_coll.config.pageSize * kk_coll.config.pageIndex){ //删一个填充上一个
      appendOne();
      }
    • function appendOne(){
      var index = (kk_coll.config.pageIndex * kk_coll.config.pageSize) – 1;
      $.ajax({
      type:’post’,
      url:kk_coll.config.getOneCollUrl,
      dataType: “json”,
      xhrFields: {
      withCredentials: true
      },
      data:JSON.stringify({‘index’:index,’pageSize’:1}),

以上是关于分页查询时,当元素可以删除时,加载更多的处理办法的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI Firestore 查询游标分页不起作用

当没有更多数据时如何停止无限循环(分页)

前后端分离实践分页请求历史聊天消息

Android Firebase FireStore实时更新分页

django分页后查询丢失

DataTables - 创建自定义分页样式(加载更多样式)