提问人:Eric Wendelin 提问时间:10/11/2008 最后编辑:bluishEric Wendelin 更新时间:2/21/2016 访问量:14969
在 Javascript 中创建可排序的树/网格 [已关闭]
Creating a sortable tree/grid in Javascript [closed]
问:
我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题,以便用事实和引文来回答。
7年前关闭。
我想从JSON创建一个树结构,但有多个可以排序的列。我见过很多树和网格的实现,但从来没有混合过。
有谁知道任何 Javascript 工具包的插件或功能可以实现这一目标,这样我就不必在这里重新发明轮子了?
答:
这看起来很不错:http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html
使用 ExtJS,它有一些您必须考虑的许可限制。
评论
这里也是一个“官方”示例(页面上的顶部网格),使用 RowExpander UX。
http://extjs.com/deploy/dev/examples/grid/grid3.html
评论
我找到了所有这些组件:
- Coqsoft Treegrid,商业,似乎是非加超!
- Ext JS,商业:
- 列树组件 *
- 嵌套网格,即由 Mikhail 修改的带有 Row Expander 的网格插件
- Ext.ux.maximgb.treegrid,另一个mod,由Max(由eyelidless提出的那个)
- JQTreeTable,最小,需要 jQuery *
- Treetable,jQuery 插件 *
- dojo-treetable,基于 Dojo *
- Maxdesign,它只是一个很好的 css *
* 似乎不可排序
就我个人而言,我正在尝试 Treetable,经过一些配置(在文档页面源代码中的示例中翻找......),我很喜欢它的简单性和清晰性。
DHTMLX 还具有 TreeGrid JavaScript 组件(支持排序和其他与网格相关的功能): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/
(免责声明:我在DHTMLX工作)
jQuery的jstree插件与其jstree-grid插件绑定,可以处理排序(排序是主jstree的插件),非常灵活(并重用您应用的jQuery UI主题)。
这就是你要找的那种网格吗?你最终得到的视图非常像:
您必须手动添加按列排序,然后触发重新排序。
评论
经过对树网格的长期研究,我遇到的最好的树网格来自 jeasyui.com
http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid
评论
另一个支持 bootstrap 的 treegrid。http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html
评论