在 Javascript 中创建可排序的树/网格 [已关闭]

Creating a sortable tree/grid in Javascript [closed]

提问人:Eric Wendelin 提问时间:10/11/2008 最后编辑:bluishEric Wendelin 更新时间:2/21/2016 访问量:14969

问:


我们不允许提出有关书籍、工具、软件库等建议的问题。您可以编辑问题,以便用事实和引文来回答。

7年前关闭。

我想从JSON创建一个树结构,但有多个可以排序的列。我见过很多树和网格的实现,但从来没有混合过。

有谁知道任何 Javascript 工具包的插件或功能可以实现这一目标,这样我就不必在这里重新发明轮子了?

javascript json extjs 树表

评论

0赞 keparo 10/11/2008
嘿埃里克 - 你能进一步解释一下吗?这听起来像是你在描述新的,但随后你要求的是存在的东西。我不确定我是否完全理解您正在尝试构建。
0赞 matdumsa 10/11/2008
您是否有一个性质相似的 JSON 对象数组,并且您想按一个或多个键对该对象数组进行排序?如果是这样,我得到了你需要的东西:P
0赞 flexicious.com 5/22/2013
看一看 htmltreegrid.com

答:

8赞 eyelidlessness 10/11/2008 #1

这看起来很不错:http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html

使用 ExtJS,它有一些您必须考虑的许可限制。

评论

0赞 Eric Wendelin 10/11/2008
正是我需要的。事实上,我们已经在使用 Ext-JS。谢谢!!
0赞 eyelidlessness 10/11/2008
对于未来,如果你正在寻找一个小部件并可以描述它,它可能已经在 ExtJS 中完成。;)
0赞 Jason 6/1/2009 #2

这里也是一个“官方”示例(页面上的顶部网格),使用 RowExpander UX。

http://extjs.com/deploy/dev/examples/grid/grid3.html

评论

1赞 bluish 1/14/2011
@Chau @Jason我认为这是新的链接:dev.sencha.com/playpen/ext-2.0/examples/grid/grid3.html
5赞 bluish 1/14/2011 #3

我找到了所有这些组件:

* 似乎不可排序

就我个人而言,我正在尝试 Treetable,经过一些配置(在文档页面源代码中的示例中翻找......),我很喜欢它的简单性和清晰性。

0赞 Paul 6/22/2012 #4

DHTMLX 还具有 TreeGrid JavaScript 组件(支持排序和其他与网格相关的功能): http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(免责声明:我在DHTMLX工作)

2赞 jeffreypriebe 5/5/2013 #5

jQuery的jstree插件与其jstree-grid插件绑定,可以处理排序(排序是主jstree的插件),非常灵活(并重用您应用的jQuery UI主题)。

这就是你要找的那种网格吗?你最终得到的视图非常像:jstree-grid-with-sort-themerolled

您必须手动添加按列排序,然后触发重新排序

评论

0赞 chrisTina 9/25/2015
嗨,您能分享一些有关上述示例的代码吗?谢谢
3赞 czlatea 5/3/2014 #6

经过对树网格的长期研究,我遇到的最好的树网格来自 jeasyui.com

http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid

enter image description here

评论

0赞 MarcGuay 1/20/2017
这似乎没有排序能力
0赞 czlatea 2/21/2016 #7

另一个支持 bootstrap 的 treegrid。http://maxazan.github.io/jquery-treegrid/examples/example-bootstrap-3.html