Angular 网格树数据

Angular 网格树数据,angular,ag-grid,Angular,Ag Grid,我有一个ag网格,其中包含从视图中过滤出来的树数据 已删除的行 这是我的数据,过滤器配置如下 网格不显示任何值,因为所有的孩子都不显示 我想通过过滤函数吧。我想做的是使网格 显示包含父级的行 这也发生在我身上。作为一种解决方法,我在gridOptions上修改了我的getNodeChildDetails函数,以检查是否删除了所有子项。如果它们都是,那么就不要归还任何东西。这样,AG网格就不会考虑行作为父行。< /P> var gridOptions = { ... getNode

我有一个ag网格,其中包含从视图中过滤出来的树数据 已删除的行

这是我的数据,过滤器配置如下

网格不显示任何值,因为所有的孩子都不显示 我想通过过滤函数吧。我想做的是使网格 显示包含父级的行


这也发生在我身上。作为一种解决方法,我在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'
    }
];