17个使用AJAX技术的数据表格控件解决方案(Data Grids with AJAX, DHTML and JavaScript)
2008-10-20 17:51
1051 查看
本文来源于:http://www.cnblogs.com/blodfox777/archive/2008/10/01/1302770.html
为了将数据高效的展示出来,数据需要有合适的结构,展现结构设计的越好,用户就越容易理解信息的内容。因此,提高数据的可萃取性和可扫描性非常有意义。
表,是一个非常好的数据呈现结构,非常便于人们分析和理解二维的关系数据。他的初始目的是去展示数据,而非样式化数据,因此,它可以将设计者的主观思想有效地表达出来。
进而言之,通过一些额外的操作功能,如排序,过滤,快速编辑等,用户体验也可以得到非常好的扩展。
本文汇总了17种数据表格解决方案,主要采用主流的AJAX,DHTML,JavaScript等技术来提供强大的数据展现功能,供大家参考。
支持扩展行、折叠、内容自适应、CheckBox封装、滚动条,以及各种按钮和工具栏,可以说ExtJs的Grid非常之强大(多谢 Lucian Lature了!).
2. dhtmlxGrid
可以通过灵活多变的方式来展示数据。支持多个皮肤,并可以轻松的进行分页,这些代码受GPL所管制,如果需要技术支持,则需要掏钱。
3. Phatfusion Sortable
可以对表进行排序,还可以通过元素来进行数据的过滤 (多谢 Boris).
4. Mootable Sorting.
可以对表格进行排序,并能高亮显示某些特定的单元格。
5. Elite Zebra Tables
对Zebra里提供的Table增加了排序功能。
6. PHP Live Datagrid
在XAJAX库的基础上而建。分页功能很强大,可以在各个页面之间直接跳转,能够适用于海量数据(超过500页)
7. Table Kit
又是一个基于Prototype 框架的杰作。可以对列进行排序, 一些选取的行和单元格可以高亮标注, 还提供了 tutorial related to table sorting ith Prototype 。
8. How to paginate, sort and search a table with Ajax and Rails.
一个用 Ruby on Rails 来创建可分页、可排序、可搜索的表格的好教程.
9. Unobtrusive Table Sort Script.
10. Yahoo UI Library’s DataTables.
大名鼎鼎的YUI也提供了自己的DataTable,并提供了各种各样的demo。 这些代码虽没有直接提供可视化支持,但实现了所有的数据表格应有的功能,比如排序,分页,实时编辑等等。
11. Standardista Table Sorting
12. Sortable Tables
由WebFX所做。
13. SortedTable
14. Mootols Table Row & Column Highlighting.
顾名思义,比较适合高亮显示特定的数据,下面是个不错的例子。
Sortable Ajax Tables in JSON and XML with MochiKit
JavaScript Sortable Table
DHTMLGoodies
为了将数据高效的展示出来,数据需要有合适的结构,展现结构设计的越好,用户就越容易理解信息的内容。因此,提高数据的可萃取性和可扫描性非常有意义。
表,是一个非常好的数据呈现结构,非常便于人们分析和理解二维的关系数据。他的初始目的是去展示数据,而非样式化数据,因此,它可以将设计者的主观思想有效地表达出来。
进而言之,通过一些额外的操作功能,如排序,过滤,快速编辑等,用户体验也可以得到非常好的扩展。
本文汇总了17种数据表格解决方案,主要采用主流的AJAX,DHTML,JavaScript等技术来提供强大的数据展现功能,供大家参考。
数据表格控件总览
1. ExtJs Grid支持扩展行、折叠、内容自适应、CheckBox封装、滚动条,以及各种按钮和工具栏,可以说ExtJs的Grid非常之强大(多谢 Lucian Lature了!).
2. dhtmlxGrid
可以通过灵活多变的方式来展示数据。支持多个皮肤,并可以轻松的进行分页,这些代码受GPL所管制,如果需要技术支持,则需要掏钱。
3. Phatfusion Sortable
可以对表进行排序,还可以通过元素来进行数据的过滤 (多谢 Boris).
4. Mootable Sorting.
可以对表格进行排序,并能高亮显示某些特定的单元格。
5. Elite Zebra Tables
对Zebra里提供的Table增加了排序功能。
6. PHP Live Datagrid
在XAJAX库的基础上而建。分页功能很强大,可以在各个页面之间直接跳转,能够适用于海量数据(超过500页)
7. Table Kit
又是一个基于Prototype 框架的杰作。可以对列进行排序, 一些选取的行和单元格可以高亮标注, 还提供了 tutorial related to table sorting ith Prototype 。
8. How to paginate, sort and search a table with Ajax and Rails.
一个用 Ruby on Rails 来创建可分页、可排序、可搜索的表格的好教程.
9. Unobtrusive Table Sort Script.
10. Yahoo UI Library’s DataTables.
大名鼎鼎的YUI也提供了自己的DataTable,并提供了各种各样的demo。 这些代码虽没有直接提供可视化支持,但实现了所有的数据表格应有的功能,比如排序,分页,实时编辑等等。
11. Standardista Table Sorting
12. Sortable Tables
由WebFX所做。
13. SortedTable
14. Mootols Table Row & Column Highlighting.
顾名思义,比较适合高亮显示特定的数据,下面是个不错的例子。
Data Grids 模板
下面的脚本提供了基本的排序功能,可以在你的项目中用作模板。Sortable Ajax Tables in JSON and XML with MochiKit
JavaScript Sortable Table
DHTMLGoodies
专业解决方案
还有一些解决方案,非常让人兴奋,但需要支付高额的费用,比如Active Widgets(395美元,还包括一些其它的应用扩展),和Editable JavaScript TreeGrid。然而,它们也确实提供了非常好的解决方案,也算是物所有值吧。相关文章推荐
- 17个使用AJAX技术的数据表格控件解决方案(Data Grids with AJAX, DHTML and JavaScript)
- 17个使用AJAX技术的数据表格控件解决方案(Data Grids with AJAX, DHTML and JavaScript)
- ThinkPHP定时ajax获取后台数据,使用javascript动态修改前端页面的表格来显示数据
- JQuery FlexiGrid的asp.net完美解决方案-dotNetFlexGrid使用指南(一)Ajax异步表格
- 基于Ajax技术实现的数据表格控件
- 从零开始使用JavaScript编写数据表格控件(转载)
- Ext JS4序列教程之一 :Data Grid数据表格控件
- Sigma Grid(纯javascript开发的Ajax数据表格,超级强大)
- 使用Ext.grid.column.Action操作表格数据
- Javascript vue.js表格分页,ajax异步加载数据
- dotNetFlexGrid-asp.net的异步表格控件 使用指南
- JQuery FlexiGrid的asp.net完美解决方案 dotNetFlexGrid-.Net原生的异步表格控件
- 使用vs2008创建.net2.0时网站时,使用Ajax控件会提示:Microsoft JScript 运行时错误: 'Sys' 未定义解决方案
- 前端技术学习之道:使用js对表格数据排序
- easyUI使用datagrid加载数据后,渲染表格中的控件
- 通过Ajax技术实现无刷新的更新数据表格
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- AJAX技术与asp.net 2.0的完美结合之Timer的web应用 及使用AJAX控件时的“Sys 未定义”错误解决办法
- 使用javascript解析xxx.xml文档将数据加载到xxx.html文档中的表格元素中
- 在mvc3下使用infragistics控件,将odata+wcf传回的数据绑定到grid