datatable 在分页的情况下 如何实现重新加载当前页信息


这个蛋疼的问题 可谓是相当有趣


需求:在第二页修改或者编辑内容完成后,重新加载页面(局部刷新),希望留在本页面中 ,即第二页!


一开始以为要往后台传输 当前页  ,数据起始行数  即limit  start,size  这个两个信息


结果写了两个小时都不好使 ,最后去官网一看 ,奶奶的,直接想砸电脑的冲动有木有


官网:

var  table = $( '#example' ).DataTable();
 
// Sort by column 1 and then re-draw
table
     .order( [[ 1,  'asc'  ]] )
     .draw(  false  );

解读过来可以简单的认为     table.draw(false);
便可以实现当前页重新加载的情况

在需要重新加载的地方  写上这一句便可!很蛋疼的玩意

贴出代码 ,方便朋友理解:

   $.ajax({
       url: "/settle-account/benefit/subPay.action",
       type: "POST",
       data: {
           "userId": userId,
           "billId": billNo,
           "payType": subPayType,
           "returnNumber": CBNo,
           "subStartTime": subStartTime,
           "payer": payer,
       },
       beforeSend: function () {
       // 禁用按钮防止重复提交,发送前响应
       //$("#submit").attr({ disabled: "disabled" });
       $("#submsg").html("正在提交还款申请,请稍后...");
   },
       success: function(data) {
           if (data == 0) {
            closeConfirmWindow();
               openModalWindow("还款处理中,请稍后查看账单列表!");
               setTimeout('bc_Table.draw(false)', 3000); //重新加载bc_Table.ajax.reload()
           } else {
               $("#submsg").html("还款失败,请重新提交...");
           }
       },
       complete: logout
   });
};

如上,本来重新加载table表格 是:bc_Table.ajax.reload();  换成   bc_Table.draw(false); 便是重新加载当前页 ,在分页的前提下 加载后

还是在当前页 

官网的强大可见一斑!

你可能感兴趣的:(datatable 在分页的情况下 如何实现重新加载当前页信息)