JavaScript+jQuery两栏选择控件
作者其它作品
两栏选择功能经常用到, 所以包装成一个JavaScript控件. 使用时需要引入两个JavaScript文件, 因为使用了jQuery, 所以还需要引入jQuery的js库文件:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="TableView.js"></script>
<script type="text/javascript" src="SelectorView.js"></script>
Changelog
- 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, 双击选择或者取消选择.
- 2009-07-23, 高亮显示被选定的行.
/**
* 开源代码, 有兴趣的可以在保留声明的前提下免费使用.
*********** 声明开始 ***********
* @author ideawu(AT)163.com
* @link http://www.ideawu.net
*********** 声明结束 ***********
*/