问题标签 [ag-grid-angular]
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.
angular - 如何在 Angular 6 中将 ag-grid 从版本 18.1.0 更新到 20.1.0?
包.json
使用运行应用程序时出现以下错误ng serve
- node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,52) 中的错误:错误 TS1005:“,”预期。
- node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,73): 错误 TS1144: '{' or ';' 预期的。
- node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,101): 错误 TS1005: ';' 预期的。
- node_modules/ag-grid-community/dist/lib/gridOptionsWrapper.d.ts(133,103):错误 TS1068:意外的令牌。需要构造函数、方法、访问器或属性。
css - 在运行时突出显示行
我正在尝试突出显示基于行的用户输入。我正在使用带有 ag-grid-angular 19.1.2 的 Angular 5。使用 gridOptions.getRowStyle 设置样式会更改背景,但如果可能的话,我宁愿使用 scss 类。html文件中通过(change)=setHighlight()调用函数setHighlight ()
函数定义:
我的 scss 课程:
我的问题 使用 getRowClass 没有将我突出显示的类正确应用于 rowNode。在阅读(并尝试)后,我认为我的自定义 scss 类被 ag-classes 覆盖。使用rowClassRules时会出现同样的问题。
问题 如何让 Angular 5 和 ag-grid 一起正确设置我的自定义 scss 类?
使用调试器单步执行显示该类被拾取并附加到本机 ag-grid 类。
ag-grid - ag-grid 是否有 onScroll 事件
我正在寻找 ag-grid 上的滚动事件,我想知道滚动何时到达末尾并加载下一组行,我知道如果您设置了无限滚动模式,那么 ag-grid 会调用 getRows 方法,但是在我的应用程序我没有立即获得下一组行,我调用服务器,服务器向客户端发送一条带有新行集的单独消息
angular - 动态创建列时的 Ag-grid ExportAsCsv
是否可以exportDataAsCsv
在动态创建列时?
在我的组件中,我创建了许多列,其中许多是“动态”添加的,它基本上看起来像这样:
}
如您所见,第一列是已知的,其他列是动态添加的,可能是一列,也可能是十列。
然后在我的导出方法中,我尝试做类似的事情:
}
但是,在p.data.values.forEach(v => { ...
导出方法的这一部分,我得到Uncaught TypeError: Cannot read property 'values' of undefined
at _loop_4
从我看到它看起来非常相似,我不知道如何让它工作......有人遇到过这样的问题吗?
angular - 如何使 Ag-Grid 工具面板中的列组默认折叠
我有一个 ag-grid,所有列都定义在两个组中,并且列工具面板打开。目前,当您打开工具面板时,它会使两个组都展开,但我希望默认情况下保持其中一个折叠而另一个展开。这可能吗?我无法在 ag-grid API 中找到执行此操作的函数。
编辑
这里的第一个示例显示了工具面板中的列组:https ://www.ag-grid.com/javascript-grid-tool-panel-columns/
我想让列组“运动员”和“比赛”在工具面板中默认折叠,但让“奖牌”展开。
excel - 上下文菜单导出中的 ag-grid 企业自定义页脚 excel 和 CSV
上下文菜单导出中的 ag-grid 企业自定义页脚 excel 和 CSV
我添加了 defaultExportParams,它对 excel 工作正常,但对于 CSV,我得到 [object Object]
};
如果我这样尝试,CSV 正在工作,但对于 excel customFooter 失败:'[[[ My Own Footer Value ]]]\n'。对于 CSV、EXCEL 上下文菜单导出,我怎样才能实现这一点
提前致谢
ag-grid - ag-grid 列标题不会通过拖动来调整大小
我已经复制了代码列定义和与从 ag-grid 示例中调整列大小有关的所有属性,以便在 ag-grid vue 中重新调整列的大小,但是我无法调整列的大小......光标甚至不会变为“箭头" 当我将鼠标悬停在列的左边缘或右边缘时。有没有人遇到过这个?
angular - ag-grid angular - 选择更改时刷新组行
我已经梳理了文档和 API 参考,但我没有看到在对其子项进行选择更改时触发刷新组行的方法。
在 Angular 7 中工作 ag-grid,我正在为组内部使用自定义渲染器,并希望能够根据所做的选择更改组的样式。我宁愿不重新渲染网格,而只在可能的情况下刷新组行。
除了将选择存储在商店中之外,还有什么方法可以在组行上触发这种刷新?