2009-08-14

JavaScript分页控件

Views: 14432 | Add Comments

JavaScript分页控件PagerView的使用非常简单:

<script type="text/javascript">
<!--
var pager = new PagerView('pager');
pager.itemCount = 301;
pager.size = 5;
pager.index = 3;

pager.onclick = function(index){
	document.getElementById('info').innerHTML = '现在翻到第' + index + '页';
};

pager.render();

//-->
</script>

其中, 把pager.onclick设置为一个向服务器端AJAX请求的函数, 即可实现AJAX数据分页.

完整的示例见: http://www.ideawu.net/person/two-column-selector/two-column-selector.html

相关阅读: 3行代码的分页算法(求起始页和结束页), 只有3行代码的分页算法, 抛弃冗长的if-else!

Related posts:

  1. JavaScript+jQuery两栏选择控件
  2. JavaScript数据表格和分页控件文档升级
  3. tableview新版本发布
  4. 强大的纯JS数据图工具-flot
Posted by ideawu at 2009-08-14 01:42:46

Leave a Comment