问题标签 [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.
angularjs - 将 ag-grid 包裹在 Angular 指令中
我正在创建一个向导来在我们的应用程序中添加一个新约会。向导的最后一页包含一个选项卡式部分,其中包含基于多个标准的所有潜在冲突。每个选项卡都是标准之一,并使用 Angular Grid 来显示冲突列表。由于每个网格都有相同的列,但包含不同的数据,我想使用指令将 Angular Grid 及其网格选项包装在模板中,然后在我的指令的另一个属性中设置 rowData。我的指令目前有以下内容:
我的观点有以下代码:
每当我运行它时,我都会遇到以下错误:
错误:[$injector:unpr] 未知提供者:angularGridProvider <- angularGrid <- inApptConflictDirective
我不确定我还需要做什么才能获得识别 ag-grid 的指令。我也尝试过使用 $compile,但最终还是出现了同样的错误。
是否需要添加其他内容才能从指令中调用第三方模块?当我使用三个单独的网格选项三次单独使用网格时,这确实有效。
提前感谢您的帮助!
angularjs - Ag-grid 不适用于 Angular 和 webpack
我正在尝试让 ag-grid 与 webpack 一起使用。我通过 npm 添加 ag-grid 并通过执行以下操作添加对 webpack.config 的引用来完成标准操作:
该文件被解析并加载到索引文件中就好了。我已经为角度做了以下工作。
Webpack 也解析了这个文件并被包含和加载,但是当我运行应用程序时,我得到了以下错误。
我在 ag-grid.js 中找不到名称 angularGridGlobalFunction,但是当我注释掉对 ag-grid 的引用时,应用程序就可以正常工作。
所以有人建议吗?
javascript - jsfiddle控制台日志中的angularjs错误
我正在做一个角网格项目,我在使用角网格时遇到了一个小错误。
继承人错误-模块'angularGrid'不可用!您要么拼错了模块名称,要么忘记加载它。如果注册模块,请确保将依赖项指定为第二个参数。
所以我以为我错过了一些东西。我检查了一个 JSfiddle,但无法查看那里的输出。所以我检查了控制台是否有错误。这里也显示相同的错误。
我什至没有编辑 JSfiddle。我只是查看链接。然而我得到了同样的错误。
http://jsfiddle.net/9b5gnjf1/8/
只需从链接中添加上述两行,stackoverflow 就可以让我粘贴 jsfiddle 链接。没有编写任何代码,它不允许在此处发布链接。
有谁知道这是什么错误以及如何解决?
ios - 在 iPad 上滚动 ag-grid 很慢
在我的 iPad 上, ag-grid的滚动体验参差不齐且参差不齐。我需要继续拖动表格区域中的内容,而不是像其他浏览器内容一样轻弹。(相同表格的滚动性能在我的桌面浏览器上通常非常好,所以我不认为这是“沉重”表格内容的情况。)
这不是我项目具体使用ag-grid,体验在官方“试驾”页面是一样的。
我可以做些什么来提高滚动性能?
angularjs - 如何在 Ag-grid 的页脚中给出高度
我已将我的 ng-grid 更新为 ag-grid 我想给定页脚行高度,因为在 ng-grid 它是“footerRowHeight”
如何在 ag-grid 中做同样的事情。
在此先谢谢您,希望您能尽快回复...
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
==更新==通过定义一个匿名函数而不是调用私有函数作为处理程序来工作。
所以删除了这个->
并添加了这个->
但问题是我需要在很多地方都有这个处理程序,这种方法会导致很多代码重复。有更好的想法吗?
javascript - ag-Grid 中的行格式
我们需要有条件地将行文本设置为粗体。目前它仅适用于单个单元格,但我们需要在所有列单元格上应用粗体文本。应用格式化后的“isBold”列必须隐藏/删除。此列仅用于格式化。如何应用文本缩进:10px;isBold 列包含真值的第一列?有没有可能实现这一目标?here is plunker
http://plnkr.co/edit/YVGpi2FkwzCl3R1K8fwo?p=preview
javascript - 使用 javascript .link() 方法打开弹出窗口
我正在使用 ag-grid 来显示 JSON 数据。如果值保存在嵌套对象中,我必须使用 valueGetter(网格 API)来映射到该值。value getter 每行返回一个值,网格将正确的值分配给正确的行。问题是我需要每个值都是一个超链接,这会打开一个弹出窗口。我有一个使用 window.open 的 openPopup() 方法。但是我不得不使用 javascripts .link() 方法,它只需要一个 URL 字符串,所以我不知道如何在新窗口中打开链接。
价值获取者:
弹出方法:
jquery - 多行选择,无需在 ag-grid 中按 Control 键
我们需要选择最多两个。没有按 ctrl 按钮的行数与单行选择相同,如果用户选择的行多于两行而不是第一行,则会自动取消选择并选择新的行。例如用户首先选择了第三行和第四行,然后单击第二行显然选择了三行但需要绑定最新的两行。在这种情况下,第三行会自动取消选择,并且必须从 selectedRows 集合中消失。我们如何实现这一目标?任何帮助,将不胜感激。
javascript - AngularJS + ag-grid:带有虚拟分页/无限滚动的粘性/记忆选择
在 AngularJS 应用程序中,我有一个ag-grid,它使用虚拟分页/无限滚动来延迟加载数据集中的行,该数据集太大而无法一次显示。我在第一列中打开了复选框选择,以便用户应该能够为任意特定于应用程序的操作选择单独的行。
AngularJS 应用程序使用ui-router来控制多个视图。因此,在使用“排序和过滤”的虚拟分页示例的基础上,使用来自文档的关于奥运会获胜者的构建数据ag-grid
,我进一步扩展了代码。来自index.html
:
以及以下ui-router
状态:
page1.html
如下所示:
我想要完成的事情:
ag-grid
当将(虚拟)页面滚动出视图并再次返回时,会记住(粘性)中所做的选择,以便用户可以在单独的页面上选择多行。- 记住的选择在网格之外可用,并支持添加和删除选择(如上
ng-click="remove(row)"
所示page1.html
)。 ag-grid
当从视图切换到另一个视图时,应记住选择,然后再返回。- (可选)记住用户会话的选择。
我怎样才能做到这一点?