ajax分页控件替换新的数据源问题
使用的分页插件是jQuery Pagination,遇到的问题是我在做数据加载时需要切换数据源,用于重新加载数据,现在数据是可以替换了,分页控件的页数和总数量换不掉,我开始的想法是我重新生成一个分页控件,可是生成的话会触发CallBack事件不停的死循环
//控件初加载
var pageCount=10;//赋予数据数量
$("#Pagination").pagination(pageCount, {
callback: PageCallback,
prev_text: '上一页',
next_text: '下一页',
items_per_page: pageSize,
num_display_entries: 5,//连续分页主体部分分页条目数
current_page: pageIndex,//当前页索引
num_edge_entries: 0//两侧首尾分页条目数
});
//控件的PageCallback事件 用于翻页调用
function PageCallback(index, jq) {
InitTable(index);//死循环
return false;
}
//ajax请求数据
function InitTable(pageIndex) {
$.ajax({
type: "POST",
dataType: "json",
url: '',
data: "pageIndex=" + (pageIndex+1) + "&pageSize=" + pageSize,
success: function(data) {
//数据替换
$("#Result").empty().append(data.result);
//替换新的分页
$("#Pagination").pagination(data.newpageCount, {
callback: PageCallback //如果不加他就不会有分页事件加他后触发死循环
});
}
});
}
我知道这样写很奇怪,不应该在InitTable这个方法中去生成新的分页控件才导致死循环,现在没有头绪如何去处理
...全文
相关推荐
基于jquery制作采用Twitter分页样式的ajax分页控件源码.zip
发送Ajax请求:使用`.ajax()`方法发送请求,URL通常包含当前页码作为参数。3. 处理响应:收到服务器响应后,用新数据替换现有内容,更新页面状态。四、使用须知1.
EXTJS实现简单分页功能的完整示例与实战解析
在 JavaScript 这种动态语言里,数据结构往往是“随缘”的——今天接口返回,明天变成,很容易造成前端崩溃。EXTJS 用解决这个问题,强制你在使用前声明字段规范。这里有几个关键点值得深挖:如果你的后端用的是 Spring Data REST,习惯,那就得改造请求:// Spring 从0开始计页这样就能无缝对接了 👌EXTJS 的远程分页机制,表面上只是几个配置项的组合,实则蕴含着丰富的软件工程思想:契约优先。
javascript分页控件
当用户翻页时,动态替换DOM元素,展示新页的数据。5. 事件处理:为分页控件的各个元素添加事件监听器,如点击事件,当用户进行分页操作时触发相应的处理函数。
关于asp.net 自定义分页控件
自定义分页控件可以根据不同场景使用不同的分页方式。文章中提到了两种常用的分页方式,一是使用UpdatePanel进行Ajax分页,二是使用Url重写进行分页。
使用ajax实现分页技术
动态加载数据:AJAX请求成功返回数据后,前端需要将新获取的数据动态添加到页面的表格中,替换掉旧的数据。除了AJAX请求和数据处理之外,还需要考虑用户体验和交互细节。


