Ag-Grid Vue js过滤器

Question

请需要帮助。 我在Vue js中使用Ag Grid。...有一种情况，我首先需要在加载时关闭过滤器中的复选框，以便网格不会在开始时显示记录。 可能吗？

例如，在下面的链接（屏幕快照）中，我需要取消选中加载时的“已完成”状态，并且网格不会显示具有“已完成”状态的记录。

任何帮助将不胜感激...谢谢

截图

Answer 1

您可以在firstDataRendered事件上执行setFilterModel

(firstDataRendered)="onFirstDataRendered($event)"


onFirstDataRendered(params){
    this.preDefinedFilter();
}

preDefinedFilter(){
    let hardcodedFilter = {
        // 'status' - field name with 'filter: "agSetColumnFilter"' difinition in colDef
        // list of statuses which will be displayed
        status: ["Uncompleted", "Error", "Whatever"]
    };

    this.gridApi.setFilterModel(hardcodedFilter);
    this.gridApi.onFilterChanged();
}

演示

不要怪我，示例是用角度写的，但我想调整解决方案并不难。