Heim >Web-Frontend >js-Tutorial >jquery+json实现数据列表分页示例代码_jquery

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

WBOY
WBOYOriginal
2016-05-16 17:14:501232Durchsuche

该实例中,新闻数据列表未使用表格显示。下面将所有源码附上,其中用到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









Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn