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

别怪我，样本写在有角度的地方，但我想适应该解决方案并不难。