tableview - JS数据表格, JS+jQuery两栏选择控件, JS分页控件(v1.1)

tableview 介绍

在网页开发中, 常常需要一个表格与列表相结合的控件, 即能像表格(table)一样显示丰富的信息, 又能像列表选择控件(select)一样方便地选择数据. 在桌面应用程序开发中, 许多GUI库都提供了类似的控件, 如.Net的ListView.

• PagerView是一个好看精巧的分页控件. PagerView+TableView为网页开发提供了类似的工具, 但代码更简单, 功能更紧凑.
• SortView是一个方便易用的分页控件.
• TableView是一个数据表格控件, 代码简单, 功能紧凑.
• SelectorView是一个由两个TableView组合而成的控件, 相对于列表选择器, 提供了一个临时的存放已选中项的地方.

NOTICE: tableview 即原来的 two-column-selector, 在升级为 1.1 版本时, 它的项目名称变为 tableview.

TODO

• 优化TableView中的数组操作方法.
• SHIFT + 鼠标左键选择行.

Changelog

• 2014-11-12, fix bug, 支持新版本 jQuery.
• --------------- Version 1.1 ---------------
• 2011-03-03, TableView 优化字符串拼接(使用数组push()代替"+"), 极大地提高了在IE下每页显示大数据量的性能.
• 2010-10-23, 增加 TableView 单选功能, 用于设置最多只能选择一行记录.
• 2010-05-11, 增加 TableView 排序功能.
• 2010-05-11, 增加 PagerView.page() 方法, 获取数组落在相应页的数据片段.
• 2010-05-11, 增加 SortView 类, 实现 JavaScript 排序.
• --------------- Version 1.0 ---------------
• 2010-01-11, 重新组织文档, 将各个功能单独分开介绍, 提供"Getting Started". 使用jsdoc生成API文档.
• 2009-10-19, 数据列表使用数组保存, 取代原来的哈希, 因为哈希的元素可能是无序的(依赖于浏览器实现).
• 2009-09-07, 增加TableView的演示.
• 2009-08-14, 增加演示控件选择功能, 可以自定义是否显示某个控件, 如计数, 标题, 过滤, 行选择框, 分页等.
• 2009-08-13, 加入分页控件PagerView, 实现TableView的分页功能, 通过TableView.display.pager(bool类型)来控制. PagerView是一个独立的控件, 使用原生的JavaScript代码编写.
• 2009-08-01, 加入模糊过滤控件, 通过TableView.display.filter(bool类型)来控制.
• 2009-07-29, 优化, 在关键点使用原生的DOM接口替代jQuery.
• 2009-07-29, 加入元素数量和当前已标记行数量的统计.
• 2009-07-29, 增加TableView.delRange方法. 修改SelectorView.select和SelectorView.unselect方法, 应用TableView.addRange和TableView.delRange方法.
• 2009-07-28, 增加TableView.addRange方法, 用于添加数据集合, 解决性能问题.
• 2009-07-24, 取消TableView.refresh方法, 修改TableView.add方法, 添加和删除行会立即自动刷新界面. 增加良好注释.
• 2009-07-23, SelectorView增加双击选择或者取消选择的功能.
• 2009-07-23, 高亮显示被选中的行.