ajax分页插件

$("#pageRetained").twbsPagination({
totalPages : datas.retentionList.totalPages,
visiblePages : 10,
first : '首页',
prev : '上一页',
next : '下一页',
last : '末页',
startPage: 1, 
//href : '?p={{number}}'
onPageClick : function(event, page) {  
$.ajax({
type : "POST",
dataType : "JSON",
async : true,
url : path + projectName + "/rest/retained/profile",
scriptCharset : 'utf-8',
contentType : "application/x-www-form-urlencoded; charset=utf-8",
data : {
"appKey" : appInforAppKey,
"platForm" : platForm,
"startDate" : startDate,
"endDate" : endDate,
"dateTerms" : dateTerms,
'p':page
},
success : function(datas) {
if (datas != null) {
common(datas);
}
},
error : function(datas) {
alert(datas);
}
});
         }  
});
}

}

解决分页不更新问题

$('#pageRetained').empty();  
$('#pageRetained').removeData("twbs-pagination");  
$('#pageRetained').unbind("page");  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Bootstrap Table是一款基于Bootstrap框架的强大的表格插件,它可以快速搭建精美的数据表格,并支持通过Ajax进行分页加载数据。 使用Bootstrap Table进行Ajax分页,需要在表格初始化时设置相关参数和方法。首先,在HTML中创建一个容器来存放表格,如下所示: ```html <div id="tableContainer"></div> ``` 然后,在JavaScript中进行表格的初始化,同时设置Ajax分页的相关参数和方法,如下所示: ```javascript $(function() { $('#tableContainer').bootstrapTable({ method: 'get', // 通过GET方式获取数据 url: 'your_ajax_url', // 设置读取数据的URL地址 pagination: true, // 开启分页 sidePagination: 'server', // 分页方式为服务器端分页 queryParamsType: '', // 参数类型为默认的'limit'和'offset' queryParams: function(params) { // 自定义请求参数 params.customParam1 = 'value1'; params.customParam2 = 'value2'; return params; }, responseHandler: function(res) { // 自定义数据处理函数 return res.data; // 返回服务器端返回的数据 }, onLoadSuccess: function(data) { // 加载成功后的回调函数 // TODO: 处理加载成功后的操作 }, onLoadError: function(status) { // 加载失败后的回调函数 // TODO: 处理加载失败后的操作 } }); }); ``` 以上代码中,`method`参数设置为'get'表示使用GET方式获取数据,`url`参数设置为ajax请求的URL地址,`pagination`参数设置为true表示开启分页,`sidePagination`参数设置为'server'表示服务器端分页,`queryParamsType`参数设置为空表示请求参数为默认的'limit'和'offset'。 `queryParams`参数可以自定义请求参数,其中`params`是向服务器端发送的参数对象,可以添加自定义的参数。 `responseHandler`参数可用于自定义数据处理函数,将服务器端返回的数据进行处理后返回给Bootstrap Table。 `onLoadSuccess`参数和`onLoadError`参数分别是加载成功和失败后的回调函数,可以在加载完成后进行相应的操作。 通过以上设置,就可以实现使用Bootstrap Table进行Ajax分页加载数据的功能。当用户进行分页操作时,插件会自动发送Ajax请求获取对应页码的数据并更新到表格中,从而实现了Ajax分页的效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值