对于AngularJS树网格最好的选择 [英] Best options for an AngularJS Tree Grid

问题描述

目前一段时间，我一直在寻找一个树网格与AngularJS很好地工作，还没有很多运气。

For a while now, I've been looking for a Tree Grid that works nicely with AngularJS and haven't had a lot of luck.

我的要求是：

1. 易于使用


2. 看起来不错


3. 支持拖放


4. 可处理大量数据的10000+（即分页/懒惰的10000行滚动）


5. 可以显示在一个表中的分层数据（即列/整理）


6. 免费/便宜

这是接近的项目：

• Sencha树网格
  
  
  
  • 不会出现与AngularJS发挥很好
  
  
  • 显然缓冲树模块都可以协助办理1000或行
  
  
  
  
  • 关闭，但不支持表功能，如柱，开箱
  
  
  • 无法处理大量的数据，但迈克尔·布罗姆利的dirPaginate指令可以解决这个问题
  
  
  
  
  • 看起来不错（与引导适合）
  
  
  • 的列
  
  
  • 但是不容易允许分页/延迟加载
  
  

  好吧......所以给其他人以前一定解决了这个，我的问题是：

  Ok... so given that other people must have solved this before, my question is:

  什么是接近最好的方法？

  有一个项目在那里已经涵盖所有的基础？
  或者，也许有适应其中之一是一个懒洋洋地加载树格一个简单的方法...

  Is there a project out there already that covers all the bases? Or perhaps there is a simple way to adapt one of these to be a lazily-loaded tree grid...

  推荐答案

  IgniteUI树网（不要与丑陋分层电网混淆）

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

  Whilst not perfect, this seems like a reasonable option.

  赞成

  
  
  • 看起来不够好
  
  
  • 先后为排序，过滤，分页，牵制等几个插件。
  
  
  • 子女的延迟加载，可以通过听扩大事件集成（也可能是 InfragisticsLoader ）
  
  
  • Looks nice enough
  • Has a few plugins for sorting, filtering, paging, pinning etc.
  • Lazy loading of children can be integrated by listening to expand events (and possibly the InfragisticsLoader)

  缺点

  
  
  • 无外的开箱AngularJS整合
  
  
  • 没有无限滚动出的现成
  
  

  它也pretty简单易用：

  Its also pretty simple to use:

  $("#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/

  这篇关于对于AngularJS树网格最好的选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！