如何验证ag-grid单元格的数据？
ag-grid是一个用于构建数据网格的JavaScript库。要验证ag-grid单元格的数据，可以使用ag-grid提供的API和事件来实现。
首先，可以使用ag-grid的getCellRendererInstances()方法获取所有单元格渲染器的实例。然后，可以遍历这些实例，找到目标单元格，并获取其数据。
接下来，可以使用获取到的数据进行验证。可以根据数据的类型和预期值进行比较，确保数据的准确性。例如，如果目标单元格应该包含一个数字，可以使用typeof运算符检查数据类型，并使用断言或条件语句来验证数据是否符合预期。
另外，ag-grid还提供了一些事件，可以在单元格数据发生变化时进行验证。例如，可以使用cellValueChanged事件，在单元格的值发生变化时触发自定义的验证逻辑。
在验证过程中，可以使用ag-grid的相关功能来辅助验证。例如，可以使用ag-grid的过滤器功能来筛选出特定条件下的单元格数据，以便更方便地进行验证。
总结起来，验证ag-grid单元格的数据可以通过以下步骤实现：
- 使用getCellRendererInstances()方法获取所有单元格渲染器的实例。
- 遍历实例，找到目标单元格，并获取其数据。
- 使用获取到的数据进行验证，比较数据类型和预期值。
- 可以使用事件（如cellValueChanged）来在数据变化时进行验证。
- 可以使用ag-grid的相关功能（如过滤器）辅助验证。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我对ag-grid是个新手。
我们使用的是ag-grid Angular版本。我们所有的单元格在网格中都是可编辑的，大约有3000多个单元格。对于网格和每个单元格的表单控件都有一个角度表单，这似乎会使网格速度变慢。特别是在加载时生成所有表单控件时，以及在所有表单控件的有效性都更新后提交表单之前。有没有人找到更好的方法来使用Angular执行ag-grid单元格验证
浏览 30提问于2018-12-13得票数 1
1回答
我已经开始在我的react项目中使用ag-grid，但是找不到任何用于执行内联单元格验证的API，也就是说，每当用户编辑特定的单元格时，都需要执行必需的字段和模式验证。如果出现任何验证错误，则相应的可编辑字段将突出显示，并需要显示一条错误消息。 我使用了以下单元格事件来实现上述目的，但它们都没有提供我想要的结果。
浏览 28提问于2019-02-01得票数 2
1回答
如果将ag-grid与自定义标题组件和自定义单元格渲染器一起使用，则会有一个巨大的滚动性能问题。我们尝试了大约10000行x 10000列。在没有自定义渲染器的情况下，它可以平滑地运行。自定义单元格渲染器导致整体性能问题，并且仅应用自定义标题会导致水平滚动问题(垂直滚动就可以了)。我们使用的是ag-grid-react。如果使用其他框架组件而不是默认组件，使用ag-grid有什么问题吗？
浏览 14提问于2020-07-07得票数 0
1回答
如何从ag-grid单元格模板触发一个angular js函数(ng-blur)？下面是我对ag-grid的列定义 var columnDefs = [ {make: "Toyota", model:
浏览 11提问于2020-09-28得票数 0
我想要验证单元格，当数字不同于9时，我想要更改背景 我有一张桌子： { width: 150, }, background: var(--ag-header-background-color, #222628) 但是当我输入数字9的时候，我看不到风格的变化，有什么问题吗？
浏览 147提问于2020-10-13得票数 0
如何在Ag-Grid单元格中包含基本的HTML元素。下面是我在MyComponent.html中的html PrimeNg p-dropdown
<p-dropdown [options]="cars" [(ngModel)]="selectedCar"(click)="doSomething()" [style]="{'width':'150px'}"></
浏览 1提问于2020-07-27得票数 2
我试图在使用select元素后将其删除，并将其放入ag-grid中。该对象似乎被正确地选中，因为我可以看到添加到网格中的行，但是name/id属性没有在网格中正确显示，并且select元素没有被删除。这是屏幕： ? firmCategories是为select提供支持的对象数组，但它没有任何效果。数据如下：`0: Object { id："Bicycle“，name：”自行车设施和增强设计“}id："Bicycle”名称：“自行车设施和增强设计”....} ?
浏览 20提问于2020-03-25得票数 0
回答已采纳
我正在使用ag-grid构建react应用程序，我在尝试弄清楚如何在单元格中放置链接以及在REST api响应中获取链接数据时遇到了问题。有人能帮我解决这个问题吗？谢谢
浏览 27提问于2019-03-29得票数 0
目前使用AG-网格库，并对表中的数据进行呈现。下面是我试图做的一个简单的例子：player1player3
在上面的列中，我想根据球员的进球数来改变列的颜色。在AG-Grid中，我无法找到这样的方法。AG-Grid允许您定义单元格样式规则，但据我所知，规则取决于该单元格中的值。在上面的例子中，一个球员的名字单
浏览 11提问于2017-04-05得票数 3
回答已采纳
在react AG-grid特征范围选择上工作，我正在尝试获得所选单元格的总和。我可以得到所选单元格的总和，因为我不能从相同的单元格中获得货币符号。AG-grid是否提供了任何功能来获取货币符号。
浏览 21提问于2021-01-28得票数 0
回答已采纳
在Angular上的ag-grid中，是否可以在同一列中显示包含复选框的单元格和包含列表框的单元格，这取决于单元格中的数据？ 谢谢你的回答。
浏览 43提问于2020-09-21得票数 0
我是react/ Material - UI /ag-grid的新手，我希望使用ag-grid/react添加一个Material UI组件作为单元格编辑器(通过弹出窗口)。我在我的组件文件中使用了以下标准行： export default withStyles(styles)(ControlledOpenSelect). 这产生了一个似乎破坏了ag的更高阶分量。我仔细阅读了有关使用高阶组件here的ag-grid
浏览 5提问于2019-01-18得票数 0
我有一个angular的ag-grid实现，其中我有一些自定义的单元格渲染器。它们呈现从按钮到切换状态到链接到应用程序其他部分的内容。我最近遇到了一个问题，只有键盘用户无法使用tab键进入这些单元格渲染器的内容来“单击”元素。我曾尝试将tabindex="0"和/或href="#"放在这些元素上，以便它们在页面的Tab键顺序中出现，但它们接收焦点的唯一方法是用鼠标单击。似乎ag-grid</em
浏览 66提问于2019-11-27得票数 2
回答已采纳
在ag-grid中，我使用cellRendererFramework来渲染特定的单元格。我可以使用params属性从父网格组件中获取单元格值。现在，我的需求是从我的cellRendererFramework组件更新这个参数，并刷新我的父网格组件。我尝试使用@Output注释向父网格组件发出一个包含更新数据的事件。我的开发环境是Angular2，我使用的是ag-grid的</
浏览 8提问于2017-05-18得票数 1
我已经在我的项目中成功地使用angular实现了ag-Grid。现在正在尝试通过以下官方的ag-Grid文档打印ag-Grid数据。我将调用onCellDoubleClicked()方法下的打印功能方法。双击单元格时，应会打开ag-grid数据打印窗口。但是我得到了像“error TypeError: l.setDomLayout is not a function”这样的错误。
这就是我创建方法<
浏览 1提问于2019-01-17得票数 2
我在Svelte文件中有一个ag-Grid。其中一个列定义用于显示小数点后2位的浮点数，如下所示： ...valueFormatter: numberFormatterFactory(2), },];
我选择了ag-Grid作为显示和编辑这些值的列的方便方法。但是，我的产品负责人希望每次用户更改单元格时，web页
浏览 38提问于2021-02-16得票数 0
我试图以下列方式更新ag-Grid行数据： update: [response.data]更新工作正常，单元格获得更新后的值但是，Ag没有重新评估行的类。此外，我还收到一条错误消息：
rowClassRules: {
"row-disabled":
浏览 5提问于2020-03-12得票数 2
我在Angular项目中有cell render类，它在ag-grid单元格内生成html输入模板。在水平滚动之后，当输入单元格离开屏幕时，ag-grid会重新呈现这些输入元素，并且输入元素会显示它们的值。下面是我的CellRenderer类： templateICellRendererParams): void {
thi
浏览 4提问于2020-05-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
