Angular 网格树数据
我有一个ag网格,其中包含从视图中过滤出来的树数据 已删除的行 这是我的数据,过滤器配置如下 网格不显示任何值,因为所有的孩子都不显示 我想通过过滤函数吧。我想做的是使网格 显示包含父级的行Angular 网格树数据,angular,ag-grid,Angular,Ag Grid,我有一个ag网格,其中包含从视图中过滤出来的树数据 已删除的行 这是我的数据,过滤器配置如下 网格不显示任何值,因为所有的孩子都不显示 我想通过过滤函数吧。我想做的是使网格 显示包含父级的行 这也发生在我身上。作为一种解决方法,我在gridOptions上修改了我的getNodeChildDetails函数,以检查是否删除了所有子项。如果它们都是,那么就不要归还任何东西。这样,AG网格就不会考虑行作为父行。< /P> var gridOptions = { ... getNode
这也发生在我身上。作为一种解决方法,我在gridOptions上修改了我的
getNodeChildDetails
函数,以检查是否删除了所有子项。如果它们都是,那么就不要归还任何东西。这样,AG网格就不会考虑行作为父行。< /P>
var gridOptions = {
...
getNodeChildDetails: function(row) {
if (row.children) {
for (var i = 0; i < row.children.length; i++) {
if (row.children[i].ROWSTATE != 'DELETED') {
return {
group: true,
expanded: true,
children: row.children
};
}
}
}
},
...
};
当然,这适用于任何一种框架,无论是纯javascript还是angular。我们可以在plunker中看到它吗?
isExternalFilterPresent: () => { return true; },
doesExternalFilterPass: (node: RowNode) {
return node.data.ROWSTATE !== ROWSTATE.DELETE;
}
var gridOptions = {
...
getNodeChildDetails: function(row) {
if (row.children) {
for (var i = 0; i < row.children.length; i++) {
if (row.children[i].ROWSTATE != 'DELETED') {
return {
group: true,
expanded: true,
children: row.children
};
}
}
}
},
...
};
var columnDefs = [
...
{
headerName: ...
cellRenderer: 'group'
}
];