Slickgrid排序层次结构

时间:2020-09-07 11:27:36

标签: sorting hierarchy slickgrid

我创建了一个只有2个级别的slickgrid层次结构。层次结构的实现遵循示例5(https://6pac.github.io/SlickGrid/examples/example5-collapsing.html)。我正在使用以下分支-http://6pac.github.io/SlickGrid。我只想按第一级排序,让孩子处于相同的顺序。我尝试将sortable属性添加到该列,但这没有做任何事情。关于如何执行此操作的任何指示,我都不知道从哪里开始。一如既往,非常感谢。

1 个答案:

答案 0 :(得分:1)

关于您所引用的示例,有几点要注意。

  1. 在该示例中,您需要自己对数据进行排序,简而言之,这意味着您必须添加自己的排序函数,并且最终必须创建很多递归函数(因为层次结构数据只能通过递归排序)
  2. 最好先进行构建以完成这种工作,并且由于我也需要这样做,所以我开始了一项功能更改,最终将其合并到6pac / SlickGrid分支中,在此我简要地讨论一下发行post,您可以在其中看到动画的gif。但是从来没有时间完成它,我也在等待别人的帮助来完成它。除非我们合并,否则它就是
    • 我启动的功能是来自我的叉子的Example,该功能最终将被合并。您可以使用该代码,它应该可以工作,但是您还需要一个新的SlickGrid插件,我们使用plugins/slick.treeData.js创建了一些用于递归的帮助程序(请记住,按层次结构对树数据进行排序需要您使用递归,这很有趣那就是...如果你喜欢拉头发)
  3. 或者最后一个选择是使用我的另一个库Slickgrid-Universal,它是SlickGrid的包装器(因此它使用6pac / SlickGrid分支,并且是一个依赖项)。我创建的这个新库与框架无关(可以在任何框架中使用),并且该示例使用普通的TypeScript(或者您希望使用JavaScript)编写,其中有2个示例用于分层数据集Tree Data with parentId references和{{3} }
    • 我最终想在我的库中添加的内容是支持SlickGrid内置的聚合器,但是却没有时间完成它(实际上这与我在最上面写的选项2相同)。
  4. 如果您使用的是其他框架,我还创建了另外两个库Tree Data with hierarchical datasetAngular-Slickgrid,它们具有与选项3相同的功能集。

因此,从列表中选择您的选择不是一个容易的选择,但是这些是当前选项,显然,选项1是最难的,因为选项2-3基本上意味着我已经完成了选项1的工作。

选项2可以在此动画gif中看到

6iD2ly0AKA

相关问题