javascript - Ag-Grid Vue js 过滤器

Question

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

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

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

Screenshot

Answer 1

您可以执行setFilterModel上firstDataRendered事件

(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();
}

Demo

别怪我，示例是用 Angular 编写的，但我认为调整解决方案并不难。