一段时间以来,我一直在寻找一个与AngularJS很好的树形网格,并没有太多的运气。
我的要求是:
>使用方便
看起来不错
>支持拖放
>可以处理大量的数据10000(即10000行的分页/懒惰滚动)
>可以在表中显示分层数据(即列/排序)
>免费/便宜
接近的项目:
>看起来不是很好玩AngularJS
>显然,一个缓冲树模块可以帮助处理1000或行
>关闭,但不支持开箱即用的列功能
>不处理大数据,但是Michael Bromley的dirPaginate指令可以解决这个问题
看起来不错(适合自举)
>有列
>但是不容易分页/懒加载
好吧,所以给别人一定要解决这个问题,我的问题是:
什么是最好的办法呢?
有没有一个涵盖所有基础的项目?
或者也许有一个简单的方法来适应其中的一个是一个懒惰的树网格…
IgniteUI Tree Grid(不要与丑的
Hierarchical Grid混淆)
原文链接:https://www.f2er.com/angularjs/144714.html虽然不完美,这似乎是一个合理的选择。
优点
看起来不错
>有几个插件用于排序,过滤,分页,固定等
>通过倾听扩展事件(可能还有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/