渲染后修改 ag-grid 行
Modify an ag-grid row after rendering
我需要在渲染后稍微修改 ag-grid 行。在ag-grid中,实际的HTML元素不一定是持久化的,所以手动设置的样式可能会脱落。
一方面,我必须修改选择复选框以将其 tabindex
设置为 -1
。这在技术上可以在 cellRenderer
回调中完成,尽管它看起来很老套。 (复选框位于 params.eGridCell.children[0].children[0].wrappedElement
。)
但我还必须向某些行添加 CSS class 以根据外部条件突出显示它们。我还没有找到办法做到这一点。
最好的解决方案似乎是使用某种渲染后回调,但据我所知不存在这样的东西。
我发现了几个相关的问题,但它们都通过 cellStyle
解决了,这在这里还不够:
- Row formatting in ag-Grid
您有 3 个选项而不是 1 个选项:
getRowClass(params)
:
Callback version of property 'rowClass'. Function should return a string or an array of strings.
getRowStyle(params)
:
Callback version of property 'rowStyle'. Function should return an object of CSS values.
processRowPostCreate(params)
:
Allows you to process rows after they are created. So do final adding of custom attributes etc.
在最后一个中,您有 params.eRow
中的行。
全部取自https://www.ag-grid.com/javascript-grid-callbacks/index.php
我需要在渲染后稍微修改 ag-grid 行。在ag-grid中,实际的HTML元素不一定是持久化的,所以手动设置的样式可能会脱落。
一方面,我必须修改选择复选框以将其 tabindex
设置为 -1
。这在技术上可以在 cellRenderer
回调中完成,尽管它看起来很老套。 (复选框位于 params.eGridCell.children[0].children[0].wrappedElement
。)
但我还必须向某些行添加 CSS class 以根据外部条件突出显示它们。我还没有找到办法做到这一点。
最好的解决方案似乎是使用某种渲染后回调,但据我所知不存在这样的东西。
我发现了几个相关的问题,但它们都通过 cellStyle
解决了,这在这里还不够:
- Row formatting in ag-Grid
您有 3 个选项而不是 1 个选项:
getRowClass(params)
:
Callback version of property 'rowClass'. Function should return a string or an array of strings.
getRowStyle(params)
:
Callback version of property 'rowStyle'. Function should return an object of CSS values.
processRowPostCreate(params)
:
Allows you to process rows after they are created. So do final adding of custom attributes etc.
在最后一个中,您有 params.eRow
中的行。
全部取自https://www.ag-grid.com/javascript-grid-callbacks/index.php