Ag-Grid Vue js 过滤器

Question

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

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

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

Screenshot

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

Demo

别怪我，示例写在 Angular 上，但我想调整解决方案并不难。