JS数据表格, JS+jQuery两栏选择控件, JS分页控件
介绍
在网页开发中, 常常需要一个表格与列表相结合的控件, 即能像表格(table)一样显示丰富的信息, 又能像列表选择控件(select)一样方便地选择数据. 在桌面应用程序开发中, 许多GUI库都提供了类似的控件, 如.Net的ListView. PagerView是一个好看精巧的分页控件. PagerView+TableView为网页开发提供了类似的工具, 但代码更简单, 功能更紧凑. SelectorView是一个由两个TableView组合而成的控件, 相对于列表选择器, 提供了一个临时的存放已选中项的地方.
TODO
- TableView的排序功能.
- 优化TableView中的数组操作方法.
- SHIFT + 鼠标左键选择行.
Changelog
- 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, 高亮显示被选中的行.