jQuery分页显示多于一个元素
|
我正在尝试使用分页插件对某些项目搜索结果进行分页。不幸的是，要显示多个结果，演示和文档还不清楚。至少那是我的感觉...
因此，无论如何，似乎我需要在回调函数中编写自己的Skip and Take代码以获取所需的结果。这是到目前为止我得到的：
function setupPagination(num_items) {
var num_entries = $(\'#hiddenItemsContainer div.indexItem\').length;
// Create pagination element
$(\"#paginationWidget\").pagination(num_entries, {
current_page: 0,
items_per_page: num_items,
num_display_entries: 5,
next_text: \'Next\',
prev_text: \'Prev\',
callback: pageselectCallback,
num_edge_entries: 1
});
}
function pageselectCallback(page_index, jq){
var num_entries = $(\'#hiddenItemsContainer div.indexItem\').length;
var items_per_page = $(\'#ItemsPerPage\').val();
var newcontent = ($(\'#hiddenItemsContainer div.indexItem\').slice(Math.min((page_index+1) * items_per_page), items_per_page)).clone();
console.log(newcontent);
// Replace old content with new content
$(\'#itemsContainer\').empty().html(newcontent);
return false;
}
newContent
slice
function pageselectCallback(page_index, jq){
console.log(page_index);
var num_entries = $(\'#hiddenItemsContainer div.indexItem\').length;
var items_per_page = $(\'#ItemsPerPage\').val();
var newcontent = ($(\'#hiddenItemsContainer div.indexItem\').slice(Math.min(page_index * items_per_page), ((page_index + 1) * items_per_page))).clone();
console.log(newcontent);
// Replace old content with new content
$(\'#itemsContainer\').html(newcontent);
return false;
}
items_per_page
没有找到相关结果
已邀请:
0 个回复