问题标签 [ag-grid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2389 浏览

angularjs - 将 ag-grid 包裹在 Angular 指令中

我正在创建一个向导来在我们的应用程序中添加一个新约会。向导的最后一页包含一个选项卡式部分,其中包含基于多个标准的所有潜在冲突。每个选项卡都是标准之一,并使用 Angular Grid 来显示冲突列表。由于每个网格都有相同的列,但包含不同的数据,我想使用指令将 Angular Grid 及其网格选项包装在模板中,然后在我的指令的另一个属性中设置 rowData。我的指令目前有以下内容:

我的观点有以下代码:

每当我运行它时,我都会遇到以下错误:

错误:[$injector:unpr] 未知提供者:angularGridProvider <- angularGrid <- inApptConflictDirective

我不确定我还需要做什么才能获得识别 ag-grid 的指令。我也尝试过使用 $compile,但最终还是出现了同样的错误。

是否需要添加其他内容才能从指令中调用第三方模块?当我使用三个单独的网格选项三次单独使用网格时,这确实有效。

提前感谢您的帮助!

0 投票
2 回答
5277 浏览

angularjs - Ag-grid 不适用于 Angular 和 webpack

我正在尝试让 ag-grid 与 webpack 一起使用。我通过 npm 添加 ag-grid 并通过执行以下操作添加对 webpack.config 的引用来完成标准操作:

该文件被解析并加载到索引文件中就好了。我已经为角度做了以下工作。

Webpack 也解析了这个文件并被包含和加载,但是当我运行应用程序时,我得到了以下错误。

我在 ag-grid.js 中找不到名称 angularGridGlobalFunction,但是当我注释掉对 ag-grid 的引用时,应用程序就可以正常工作。

所以有人建议吗?

0 投票
1 回答
74 浏览

javascript - jsfiddle控制台日志中的angularjs错误

我正在做一个角网格项目,我在使用角网格时遇到了一个小错误。

继承人错误-模块'angularGrid'不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。

所以我以为我错过了一些东西。我检查了一个 JSfiddle,但无法查看那里的输出。所以我检查了控制台是否有错误。这里也显示相同的错误。

我什至没有编辑 JSfiddle。我只是查看链接。然而我得到了同样的错误。

http://jsfiddle.net/9b5gnjf1/8/

只需从链接中添加上述两行,stackoverflow 就可以让我粘贴 jsfiddle 链接。没有编写任何代码,它不允许在此处发布链接。

有谁知道这是什么错误以及如何解决?

0 投票
1 回答
1166 浏览

ios - 在 iPad 上滚动 ag-grid 很慢

在我的 iPad 上, ag-grid的滚动体验参差不齐且参差不齐。我需要继续拖动表格区域中的内容,而不是像其他浏览器内容一样轻弹。(相同表格的滚动性能在我的桌面浏览器上通常非常好,所以我不认为这是“沉重”表格内容的情况。)

这不是我项目具体使用ag-grid,体验在官方“试驾”页面是一样的。

我可以做些什么来提高滚动性能?

0 投票
3 回答
1726 浏览

angularjs - 如何在 Ag-grid 的页脚中给出高度

我已将我的 ng-grid 更新为 ag-grid 我想给定页脚行高度,因为在 ng-grid 它是“footerRowHeight”

如何在 ag-grid 中做同样的事情。

在此先谢谢您,希望您能尽快回复...

0 投票
2 回答
951 浏览

angularjs - $http 不是 ag-grid 中的函数错误

我正在使用 Angular Grid (ag-grid) 来显示数据。在我的表格中,每当用户通过内联编辑添加评论时,我打算进行休息调用并将评论保存在数据库中。我已经把$http休息的东西放进去了newValueHandler。在调试器中,我看到它newValueHandler被调用但$http未定义。然后我得到错误:Uncaught TypeError: $http is not a function

似乎是一项微不足道的任务,我确信我缺少一些基本的东西。

PS Javascript 和 angularjs 的新手。

== 代码流解释 == 当用户点击完成的操作选项卡时,CompletedActionsCtrl由路由调用。在这个控制器内部,准备并渲染了一个网格。现在,当用户编辑评论并提交它时,newValueHandler会调用它function addCommentHandler

==更新==通过定义一个匿名函数而不是调用私有函数作为处理程序来工作。

所以删除了这个->

并添加了这个->

但问题是我需要在很多地方都有这个处理程序,这种方法会导致很多代码重复。有更好的想法吗?

0 投票
2 回答
4008 浏览

javascript - ag-Grid 中的行格式

我们需要有条件地将行文本设置为粗体。目前它仅适用于单个单元格,但我们需要在所有列单元格上应用粗体文本。应用格式化后的“isBold”列必须隐藏/删除。此列仅用于格式化。如何应用文本缩进:10px;isBold 列包含真值的第一列?有没有可能实现这一目标?here is plunker http://plnkr.co/edit/YVGpi2FkwzCl3R1K8fwo?p=preview

0 投票
1 回答
147 浏览

javascript - 使用 javascript .link() 方法打开弹出窗口

我正在使用 ag-grid 来显示 JSON 数据。如果值保存在嵌套对象中,我必须使用 valueGetter(网格 API)来映射到该值。value getter 每行返回一个值,网格将正确的值分配给正确的行。问题是我需要每个值都是一个超链接,这会打开一个弹出窗口。我有一个使用 window.open 的 openPopup() 方法。但是我不得不使用 javascripts .link() 方法,它只需要一个 URL 字符串,所以我不知道如何在新窗口中打开链接。

价值获取者:

弹出方法:

0 投票
1 回答
1820 浏览

jquery - 多行选择,无需在 ag-grid 中按 Control 键

我们需要选择最多两个。没有按 ctrl 按钮的行数与单行选择相同,如果用户选择的行多于两行而不是第一行,则会自动取消选择并选择新的行。例如用户首先选择了第三行和第四行,然后单击第二行显然选择了三行但需要绑定最新的两行。在这种情况下,第三行会自动取消选择,并且必须从 selectedRows 集合中消失。我们如何实现这一目标?任何帮助,将不胜感激。

0 投票
1 回答
4230 浏览

javascript - AngularJS + ag-grid:带有虚拟分页/无限滚动的粘性/记忆选择

在 AngularJS 应用程序中,我有一个ag-grid,它使用虚拟分页/无限滚动来延迟加载数据集中的行,该数据集太大而无法一次显示。我在第一列中打开了复选框选择,以便用户应该能够为任意特定于应用程序的操作选择单独的行。

AngularJS 应用程序使用ui-router来控制多个视图。因此,在使用“排序和过滤”的虚拟分页示例的基础上,使用来自文档的关于奥运会获胜者的构建数据ag-grid,我进一步扩展了代码。来自index.html

以及以下ui-router状态:

page1.html如下所示:

我想要完成的事情:

  1. ag-grid当将(虚拟)页面滚动出视图并再次返回时,会记住(粘性)中所做的选择,以便用户可以在单独的页面上选择多行。
  2. 记住的选择在网格之外可用,并支持添加和删除选择(如上ng-click="remove(row)"所示page1.html)。
  3. ag-grid当从视图切换到另一个视图时,应记住选择,然后再返回。
  4. (可选)记住用户会话的选择。

我怎样才能做到这一点?