如何在Angular 2+中使用jqGrid？

Question

在我目前的项目中，我们几乎在每一页都使用了jqGrid。 我们使用网格的完整丰富的功能集，包括复杂的网格内联行编辑，下拉，复选框和其他控件，排序，列过滤等。

现在我们希望将项目转换为角度2，但我们的主要问题是替换jqGrid的丰富功能集。在开始之前，如果所有功能都可以在基于角度2的网格中完成，我需要做一些POC。

如何在Angular 2 +中使用jqGrid？

Answer 1

您没有写过您使用的jqGrid版本以及jqGrid的哪个分支。该版本在4.7版之后进行了开发。现在有两个主要的分支：我开发的free jqGrid和商业Guriddo jqGrid JS。

我发现在更改您使用的JavaScript框架时重写所有现有组件的错误方法。每个框架最终通过DOM修改HTML页面。每个现代JavaScript框架都支持绑定/挂载外部组件，后者在内部操作DOM。它位于Angular 1/2 directive / directives，React componentDidMount，vue.js，等等。因此，您将获得具有所需功能的Angular 2组件。按照这种方式，您可以缩短开发时间并使用markt上现有的最佳组件。使用您的网站的最终用户将看不到本机Angular组件和装载JavaScript组件之间的区别。

Angular 2中组件集成的另一个方面是TypeScript。它是一种很好的语言，可以像JavaScript一样更好地控制数据类型和参数。通过为JavaScript组件的类型定义提供 *.d.ts文件，可以解决该问题。免费的jqGrid 4.14.0包括free-jqgrid.d.ts，它描述了所有现有的jqGrid选项，回调和事件。使用相应的文本编辑器，如Visual Studio Code，您将获得IntelliSense的优势。因此，您可以提高代码的生产力和质量，从而保留现有代码的许多部分。

Answer 2

我想 ag-grid将是Angular2和React js类型的应用程序的正确选择，因为它们具有上述所有功能以及一些新的令人兴奋的功能，如浮动列，分组列，旋转..bla bla等。