使用 JS 创建分页
<div id="pat" style="background:#efefef;border:1px solid #ccc;"></div>
JS代码:
var tta = 200; //定义总数
$('#pp').pagination({
total: tta,
pageSize: 10, //每页显示行数
onSelectPage: function (pageNumber, pageSize) {//改变页码后的触发事件
$(this).pagination('loading');
alert('pageNumber:' + pageNumber + ',pageSize:' + pageSize);
$(this).pagination('loaded');
},
buttons: [{//增加新增按钮
iconCls: 'icon-add',
handler: function () {
alert('add')//点击新增按钮后的事件
}
}, '-', {//增加保存按钮
iconCls: 'icon-save',
handler: function () {
alert('save')//点击保存按钮后的事件
}
}]
});
效果图:
常用方法：
$('#pp').pagination('refresh'); // 刷新分页栏信息
$('#pp').pagination('refresh',{ // 改变选项，并刷新分页栏信息
total: 114,
pageNumber: 6
});
$('#pp').pagination('select'); // 刷新当前页面
$('#pp').pagination('select', 2); // 选择第二页
刷新当前页面和 选择第几页 还是非常有用的