有没有办法在 ag 网格中的 2 个单元格渲染器之间传递数据?
Is there a way to pass data between 2 cell renderers in ag grid?
我的 ag 网格的 2 个列中有 2 个单元格渲染器。第一列是行动列。第二列是包含数据选项的下拉列表。
动态地,根据从第 2 列的下拉列表中选择的数据,我想更改/切换第 1 列中的操作图标。这可能吗?
我已经为两个单元格渲染器使用了 cellrendererframework。
是的,有可能!
首先,你应该给你添加refresh()
方法cell-dropdown.component
看起来像:
public refresh(params): boolean {
params.api.redrawRows();
return true;
}
选择新选择后,它调用方法 refresh()
并且第一列将重绘
我已经为您的案例创建了示例:
我们有性别下拉列表,并根据更改后的选择 - 第一列的名称将会更改
使用性别列 cellRenderFrameWork
第一列(名称)使用简单内联 cellRender
看起来像
{ field: 'name', cellRenderer: params => {
return params.data.gender === "Female" ? params.value : 'Roman'
} },
我的 ag 网格的 2 个列中有 2 个单元格渲染器。第一列是行动列。第二列是包含数据选项的下拉列表。
动态地,根据从第 2 列的下拉列表中选择的数据,我想更改/切换第 1 列中的操作图标。这可能吗?
我已经为两个单元格渲染器使用了 cellrendererframework。
是的,有可能!
首先,你应该给你添加refresh()
方法cell-dropdown.component
看起来像:
public refresh(params): boolean {
params.api.redrawRows();
return true;
}
选择新选择后,它调用方法 refresh()
并且第一列将重绘
我已经为您的案例创建了示例:
我们有性别下拉列表,并根据更改后的选择 - 第一列的名称将会更改
使用性别列 cellRenderFrameWork
第一列(名称)使用简单内联 cellRender
看起来像
{ field: 'name', cellRenderer: params => {
return params.data.gender === "Female" ? params.value : 'Roman'
} },