最佳dynamicJavaScript / JQuery Grid
我正在使用JavaScript,JQuery和HTML。 我的项目的UI是完全dynamic的。 我正在寻找一个支持以下function的dynamicJavaScript / JQuery网格。
任何人都可以告诉我有没有好看的开源网格支持以下function?
- 我应该能够在运行时创build一个网格的实例,并添加到DOM。
- 支持列模板(文本框,select,checkbox或任何input或简单的文本)
- 支持设置新的列模板或实时replace现有的列模板。
- 很less有input控件(例如文本框,checkbox..)出现在列下,可能会启用 ,很less可能被禁用 。
- 支持实时的setData()。
- 如果用户更改了任何input数据,则支持事件。
- 它应该支持select一个行
- 实时添加行或删除行支持,无需渲染整个网格。
- 支持分页。
- 支持实时进行任何列的sorting。
- 如果用户实时分类数据,则触发事件。
- 网格用户界面必须支持可实现的列
- 自动resize(如果网格根据父元素的大小自动resize,将会很好)
- 绝对有很好的文档。
DataTables是jQuery Javascript库的一个插件。 这是一个高度灵活的工具,基于逐步增强的基础,这将增加高级交互控件到任何HTML表格。 主要特征:
- 可变长度分页
- 即时过滤
- 数据types检测多列sorting
- 智能处理列宽
- 显示几乎所有数据源的数据
- DOM,Javascript数组,Ajax文件和服务器端处理(PHP,C#,Perl,Ruby,AIR,Gears等)
- 表格视口的滚动选项
- 完全国际化
- jQuery UI ThemeRoller支持
- 坚如磐石 – 由一套2600+unit testing支持
- 各种各样的插件inc。 TableTools,FixedColumns,KeyTable等等
- 免费!
- 状态保存
- 隐藏的列
- dynamic创build表格
- Ajax自动加载数据
- 自定义DOM定位
- 单列过滤
- 替代分页types
- 非破坏性的DOM交互
- sorting列突出显示
- 高级数据源选项
- 广泛的插件支持
- sorting,types检测,API函数,分页和过滤
- 完全由CSS的主题
- 坚实的文件
- 110多个预build的例子
- 完全支持Adobe AIR
一些有用的是:
自由:
- Gijgo网格
- Backgrid.js
- Flexigrid
- jqGridView
- 英格丽
- SlickGrid
- 数据表
- 屏蔽UI Lite网格
支付:
- 花式网格
- jQuery网格
- jqxGrid
- 屏蔽UI网格
我认为最好的条目是Flexigrid和jQuery Grid。
下面是我对dynamicJQuery Grid的build议。
http://reconstrukt.com/ingrid/
https://github.com/mleibman/SlickGrid
http://www.datatables.net/index
最好的是:
DataTables是jQuery Javascript库的一个插件。 这是一个高度灵活的工具,基于逐步增强的基础,这将增加高级交互控件到任何HTML表格。
可变长度分页
即时过滤
数据types检测多列sorting
智能处理列宽
显示几乎所有数据源的数据
DOM,Javascript数组,Ajax文件和服务器端处理(PHP,C#,Perl,Ruby,AIR,Gears等)
表格视口的滚动选项
完全国际化
jQuery UI ThemeRoller支持
坚如磐石 – 由一套2600+unit testing支持
各种各样的插件inc。 TableTools,FixedColumns,KeyTable等等
dynamic创build表格
Ajax自动加载数据
自定义DOM定位
单列过滤
替代分页types
非破坏性的DOM交互
sorting列突出显示
高级数据源选项
广泛的插件支持
sorting,types检测,API函数,分页和过滤
完全由CSS的主题
坚实的文件
110多个预build的例子
完全支持Adobe AIR
看看agiletoolkit.org,因为这有一个简单的使用支持2,4,6,7,9,10和12开箱即用的CRUD(在添加,删除数据时使用Ajax来防御网格,并且它与jQuery的。
我现在会张贴一些例子,但在iPad上。