kero
Version:
32 lines (26 loc) • 925 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="../../../assets/fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="../../../vendor/uui/css/u.css">
</head>
<body>
<div id='pagination' class='u-pagination'>
</div>
<script src="../../../vendor/uui/js/u-polyfill.js"></script>
<script src="../../../vendor/uui/js/u-ui.js"></script>
<script>
var element = document.getElementById('pagination');
var comp = new u.pagination({el:element,jumppage:true});
comp.update({totalPages: 100,pageSize:20,currentPage:1,totalCount:200,});
this.comp.on('pageChange', function (pageIndex) {
console.log('新的页号为' + pageIndex);
});
this.comp.on('sizeChange', function (arg) {
console.log('每页显示条数为' + arg[0]);
});
</script>
</body>
</html>