问题标签 [ag-grid-validation]

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 投票
3 回答
10306 浏览

ag-grid - AG Grid:验证行的更好方法 - valueSetter?

ag-grid有没有比 with更好的方法来验证一行valueSetter

我可以通过它实现验证,但我不确定是否有更好的方法。

https://www.ag-grid.com/javascript-grid-value-setters/#properties-for-setters-and-parsers

我想验证行中的两个字段。DateFrom 和 DateUntil(它们不允许为 null,并且 DateFrom 必须低于 DateUntil)。

0 投票
1 回答
8831 浏览

ag-grid - ag-grid-angular 和单元格验证

我对 ag-grid 很陌生。

我们正在使用 ag-grid Angular 版本。我们所有的单元格都可以在网格中编辑,大约有 3000 多个单元格。

为网格设置 Angular 表单并为每个单元格设置表单控件似乎会使网格变慢。特别是在加载时生成所有表单控件时以及在更新所有表单控件的有效性时提交表单之前。

有没有人找到更好的方法来使用 Angular 执行 ag-grid 单元格验证?

感谢您的帮助。

0 投票
1 回答
1684 浏览

reactjs - 如何在#ag-grid for React 中执行单元格验证

我已经开始在我的反应项目中使用 ag-grid,并且无法找到任何用于执行内联单元格验证的 API,即,每当用户编辑特定单元格时,要求是执行必填字段和模式验证。如果出现任何验证错误,则应突出显示相应的可编辑字段并显示错误消息。

我使用了以下单元格事件来实现上述目的,但它们都没有为我提供所需的结果。

cellEditingStarted

单元格编辑已停止

0 投票
1 回答
1540 浏览

angular6 - 如果使用带有 Angular 6 的 ag-Grid 执行全行更新,则获取已编辑的列(带有数据)

我已经实现了全行更新,但在更新行之前,我需要获取已编辑的列以及列中存在的相应数据。为了在更新行之前对数据执行一些验证以显示错误消息,我正在使用(rowValueChanged)="onRowValueChanged($event)"方法。

0 投票
1 回答
250 浏览

angular - 在带有 Angular 6 的 ag-Grid 18.0 中的 cellValueChanged 事件之后设置对已编辑列的排序

默认情况下,我已将排序设置为特定列的升序,例如“Start_date”,其中包含 dd/mm/yyyy 中的日期。在更新单元格值之前,该列按日期升序排序。对“Start_date”列的任何单元格值进行更新后,行位置不会根据列上设置的排序更改,并且行保持在其现有位置。列名上仍然可以看到排序箭头。如何在 cellValueChanged 事件后实现排序?

0 投票
1 回答
13061 浏览

ag-grid - 如何为 ag-grid 行编辑实现验证规则

我目前有带有内联编辑的 html 表,它使用普通的 Angular Reactive Forms,包括许多验证规则:

有没有关于如何将 ag-grid 与 Angular 验证集成的示例?要求是,我需要突出显示无效的单元格值。我不一定需要使用 FormGroup...</p>

我可能会使用整行编辑,所以一种方法是只为正在编辑的行创建 FormGroup....

0 投票
1 回答
508 浏览

javascript - AG-GRID Excel 导出:AG-Grid 中是否有任何方法可以配置每个用户的记录导出限制?

有没有办法限制 AG-Grid 的 Excel 导出限制,以便用户只能导出允许的行数。

例如,如果 Grid 显示 75,000 条记录,我们可以限制 Excel 仅导出 10,000 条(或任何可配置的数量)记录吗?

0 投票
1 回答
1148 浏览

javascript - Ag-Grid:一旦列超出容器大小,调整列宽并显示水平滚动条

我有列面板可以在 AG-Grid 中添加/删除列。大约有 50 列,默认情况下显示 5 列,属性为 api.sizeColumnsToFit()。它工作正常,但是当用户尝试添加更多列并且列超出容器空间时会出现问题。它试图适应容器大小并搞砸了。

如果我删除了 api.sizeColumnsToFit(),一旦用户删除所有列并只保留 2-3 列,它确实适合大小,但在网格中显示空白,看起来不太好。

知道如何有条件地配置 ag-grid 以通过以下方式正常工作:

0 投票
1 回答
3753 浏览

ag-grid - 如何在 Ag-Grid 中将相同的相邻行与动态行跨度合并?

我见过的大多数跨行示例都涉及硬编码值。

如何根据列值动态创建行跨度?具体来说,我想将所有相邻的相同行动态合并到一个单元格中,以获得如下结果:

Ag-Grid - 只有日期行是跨度的

定义行跨度的函数逻辑可以访问其他行的值吗?它可以相对于自身(例如下一行,上一行)这样做吗?

0 投票
0 回答
447 浏览

ag-grid - AG-Grid React - 自定义浮动过滤器下拉列表 - 未显示在网格前面

我已经在 React 中将 Ag-Grid 自定义浮动过滤器实现为下拉列表,其中包含特定列的值,例如在 excel 中

在此图像中,浮动过滤器高度已扩展以显示预期输出,如此图像1所示 ,但如果下拉列表有超过 20 个值怎么办。我希望下拉列表位于网格前面(覆盖到前面),而不是隐藏在错误值下方,如图2所示。怎么可能做到这一点?

这是一个 Semantic UI React 下拉菜单,修改 z-index 无助于将其提前。任何帮助表示赞赏。