Rumah >hujung hadapan web >tutorial js >jquery+json实现数据列表分页示例代码_jquery

jquery+json实现数据列表分页示例代码_jquery

WBOY
WBOYasal
2016-05-16 17:14:501247semak imbas

该实例中,新闻数据列表未使用表格显示。下面将所有源码附上,其中用到jquery插件。

复制代码 代码如下:








Demo









";
});
$("#datas").html(temp); //将创建的新行附加在DIV中
}

});

if(total!=0){
//调用分页函数,将分页插件绑定到id为Pagination的div上
$("#Pagination").pagination(total, { //recordCount在后台定义的一个公有变量,通过从数据库查询记录进行赋值,返回记录的总数
callback: pageselectCallback, //点击分页时,调用的回调函数
prev_text: '« 上一页', //显示上一页按钮的文本
next_text: '下一页 »', //显示下一页按钮的文本
items_per_page:10, //每页显示的项数
num_display_entries:6, //分页插件中间显示的按钮数目
current_page:pageIndex, //当前页索引
num_edge_entries:2 //分页插件左右两边显示的按钮数目

});
}

}










jquery+json实现数据列表分页示例代码_jquery









Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn