JS数据表格分页控件 1.0

时间:2024-05-21 10:11:20
【文件属性】:

文件名称:JS数据表格分页控件 1.0

文件大小:134KB

文件格式:ZIP

更新时间:2024-05-21 10:11:20

前端框架

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


【文件预览】:
js-datagrid
----TableView.html(8KB)
----images()
--------ui-icons_454545_256x240.png(4KB)
--------ui-bg_highlight-soft_25_0073ea_1x100.png(118B)
--------ui-bg_flat_0_eeeeee_40x100.png(180B)
--------ui-bg_flat_55_ffffff_40x100.png(178B)
--------ui-bg_highlight-soft_50_dddddd_1x100.png(92B)
--------ui-bg_flat_0_aaaaaa_40x100.png(180B)
--------ui-icons_ff0084_256x240.png(4KB)
--------ui-icons_0073ea_256x240.png(4KB)
--------ui-icons_666666_256x240.png(4KB)
--------ui-bg_highlight-soft_100_f6f6f6_1x100.png(90B)
--------ui-bg_glass_65_ffffff_1x400.png(105B)
--------ui-icons_ffffff_256x240.png(4KB)
--------ui-bg_flat_75_ffffff_40x100.png(178B)
----Style.html(3KB)
----index.html(4KB)
----api()
--------files.html(4KB)
--------index.html(4KB)
--------symbols()
----jquery-ui-1.7.2.custom.css(27KB)
----PagerView.html(5KB)
----README(49B)
----SelectorView.html(5KB)
----two-column-selector.html(54B)
----download.html(1KB)
----scripts()
--------jquery.js(56KB)
--------jquery-ui-1.7.2.custom.min.js(188KB)
--------TableView.js(13KB)
--------PagerView.js(4KB)
--------common.js(983B)
--------SelectorView.js(4KB)
----style.css(3KB)

网友评论