AngularJS树网格的最佳选择

发布时间：2020-12-17 08:17:00 所属栏目：安全来源：网络整理

导读：一段时间以来，我一直在寻找一个与AngularJS很好的树形网格，并没有太多的运气。我的要求是：使用方便看起来不错支持拖放可以处理大量的数据10000(即10000行的分页/懒惰滚动) 可以在表中显示分层数据(即列/排序) 免费/便宜接近的项目： Sencha Tree Gr

一段时间以来，我一直在寻找一个与AngularJS很好的树形网格，并没有太多的运气。

我的要求是：

>使用方便
看起来不错
>支持拖放
>可以处理大量的数据10000(即10000行的分页/懒惰滚动)
>可以在表中显示分层数据(即列/排序)
>免费/便宜

接近的项目：

> Sencha Tree Grid

>看起来不是很好玩AngularJS
>显然，一个缓冲树模块可以帮助处理1000或行

> angular-ui-tree

>关闭，但不支持开箱即用的列功能
>不处理大数据，但是Michael Bromley的dirPaginate指令可以解决这个问题

> tree-grid-directive

看起来不错(适合自举)
>有列
>但是不容易分页/懒加载

好吧，所以给别人一定要解决这个问题，我的问题是：

什么是最好的办法呢？

有没有一个涵盖所有基础的项目？
或者也许有一个简单的方法来适应其中的一个是一个懒惰的树网格…

IgniteUI Tree Grid(不要与丑的 Hierarchical Grid混淆)

虽然不完美，这似乎是一个合理的选择。

优点

看起来不错
>有几个插件用于排序，过滤，分页，固定等
>通过倾听扩展事件(可能还有InfragisticsLoader)可以整合儿童的懒惰加载

缺点

>没有开箱即用的AngularJS集成
>“无限滚动”开箱即用

它也很简单的使用：

$("#treegrid").igTreeGrid({
    width: "100%",dataSource: data,primaryKey: "employeeID",columns: [
        { headerText: "Employee ID",key: "employeeID",dataType: "number" },{ headerText: "Name",key: "name",dataType: "string" }
    ]
});

我在这里创建了一个示例jsFiddle：http://jsfiddle.net/immersion/qggbs0s6/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!