AngularJS树网格的最佳选择

前端之家收集整理的这篇文章主要介绍了AngularJS树网格的最佳选择前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一段时间以来,我一直在寻找一个与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/

原文链接:https://www.f2er.com/angularjs/144714.html

猜你在找的Angularjs相关文章