首页 > 技术文章 > 分页查询时,当元素可以删除时,加载更多的处理办法

daixiaotian 2017-06-05 10:54 原文

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

目前所采用的方法是,用户每删除一个元素时,如果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}),

推荐阅读