我是如何爱上ag-grid框架的

2017年秋天,我开始为一家外包公司工作,继续开发CRM(客户关系管理)系统。

与每个管理系统一样,我们需要选择一个网格来显示我们的数据,而我的前任已经在应用程序中使用了两个网格 -  ag-Grid(v2.7)和Ng-Table(v0.8.3) - 我热情地讨厌前者。回想起来,我意识到我只讨厌它,因为我的前任缺乏对AngularJS 1.x的了解。因此诞生了网格项目。

'我当时年少无知'

网格项目只有一个目标:制作网格来替换我的所有网格并使其变得非常棒。和大多数喜欢某些东西并希望自己使用它的开发人员一样,我分叉了Ng-Table,并在那时扩展了我需要的许多功能。没有考虑未来,甚至没有把它视为一个大项目,但男孩我错了。我创建了这个填充bug的怪物而不是解决网格项目,只是在我的代码库中添加了很多猴子补丁。我当时年少无知。

目标

所以改变了目标。我需要为每个人寻找最好的网格 - 每个用户和用例都有选项 - 用我的所有网格替换。我查看了AngularJS 1.x的多个网格项目,没有像ag-Grid那样活跃,当我随便链接链接时,我登陆了ag-Grid示例页面。我的前任做错了!我及时检查了源代码,发现ag-Grid有一个column定义字段其中包含我真正需要的所有内容。这伴随着排序,过滤,固定和最重要的 - 分组,聚合以及拥有所需数量的行的能力。我是一个非常自豪的开发人员,所以很难接受我错了,但是当我最终接受它时,由于ag-Grid,我的生活变得如此简单。

旅程

我只是无法停止使用它。我用这个网格做了很多事情。我决定在尝试使用前一个网格失败之后,我不会对此做同样的事情,而是创建了一个角度指令来管理网格所需的额外内容。

我添加了视图,因此您可以多次在同一网格上工作,但每个网格都有不同的自定义外观,有一次我将客户端的数据库转储给用户(大约150K行和150个属性)和创建了自定义报告生成器。系统上的每种管理员现在都可以创建包含与其相关的数据的报告,并保存配置以供将来使用,并且它每天节省大约30分钟,为公司的某个部门创建一些组成的报告。成功。

后来,我添加了自己的数据虚拟化(在ag-Grid上重构之前)并且享受了网格API提供的一些很酷的东西。完成后,CRM的开发很快。每个新页面至少有一个表,添加/编辑/删除行,我只是通过布尔的开关以编程方式控制。生活很棒,我不能完全感谢这个网格。

一路上的问题:

早期问题

我使用这个网格的开始,我主要依赖于主要示例的源代码。对于那些不存在的东西而且我不知道该怎么做,我使用论坛来解决我的问题,并使用Gi​​tHub来解决我的问题。

活跃的社区

aggrid几乎每个月都有新版本更新, enterprise的扣码也很轻松(扣码防不住,君子不用防), 同时aggrid还有自己的conf线下聚会(大部分时间是吃饭,前戏不多...)一个UI框架能够有自己的conf还是烂了可贵的, 而且他们公司就叫aggrid,只能说, 有官方的保障, aggrid可以放心使用了

它太棒了,它在适当的时候适合我。我知道我之前搞砸了,我停下来意识到我需要改变一些事情。现在我对它感到高兴。

网络开发初学者经常会问我“你知道数据表吗?”或“你知道智能表吗?”。甚至“你知道吗”INSERT_GRID_NAME_HERE?它优于其他任何东西!“ 现在,对JavaScript的数据网格,尤其是AngularJS 1.x的教育和经验,我只是笑着教他们关于ag-Grid。ag-Grid为您制作想要制作的所有东西提供了基础,这对我来说是一个胜利者。


aggrid的最新版本已经发布, 可以到官网上去寻找最新文档.

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏专知

【下载】Scikit-learn作者新书《Python机器学习导论》, 教程+代码手把手带你实践机器学习算法

【导读】哥伦比亚大学老师Andreas C. Müller同时也是著名机器学习Python包scikit-learn的主要贡献者 Andreas Muller ...

6735
来自专栏大数据文摘

数学烂也要学AI | 带你造一个经济试用版AI终极必杀器

3709
来自专栏AI黑科技工具箱

0.伏笔:图像读取方式以及效率对比

入职了之后挺忙,已经好久没有做一些科普性的更新了。近期已做了些学术要求不高的工作,所以刚好有时间写写总结。

67111
来自专栏Albert陈凯

大数据领域的性能测试Benchmark介绍

一、Benchmark简介 Benchmark是一个评价方式,在整个计算机领域有着长期的应用。正如维基百科上的解释“As computer architect...

6383
来自专栏吉浦迅科技

假如用多个CPU核同时控制一个GPU,并且进行运算与数据的传递,请问这能够实现么?...

问:假如用多个CPU核同时控制一个GPU,并且进行运算与数据的传递,请问这能够实现么?我的工作站是48个CPU核,两块GPU卡,打算把CPU和GPU都用起来,我...

3827
来自专栏机器之心

教程 | 如何使用Swift在iOS 11中加入原生机器学习视觉模型

选自Hackernoon 机器之心编译 作者:Alex Wulff 参与:侯韵楚、李泽南 随着 WWDC 大会上 iOS 11 的发布,苹果终于推出了原生机器学...

3185
来自专栏Coding迪斯尼

VUE+WebPack精美游戏设计:实现微信红包铜钱转动特性和页面数据的本地存储

2124
来自专栏python爬虫日记

有关python下二维码识别用法及识别率对比分析

 最近项目中用到二维码图片识别,在python下二维码识别,目前主要有三个模块:zbar 、zbarlight、zxing。

5704
来自专栏FreeBuf

谈谈鱼叉式网络钓鱼黑箱粉碎机

美国加州大学伯克利分校和劳伦斯伯克利国家实验室(LBNL)的几位安全研究人员开发了鱼叉式网络钓鱼黑箱粉碎机,通过分析鱼叉式网络钓鱼攻击的根本特点设计了一组新的信...

4197
来自专栏Spark学习技巧

Kylin及数据仓库的技术概念详解

一 cube 1, Table cube数据源的hive表的定义,在build cube之前需要进行同步。 2, Data Model 这描述了一个星型...

3188

扫码关注云+社区

领取腾讯云代金券