Ag-Grid Vue JS Фильтр

Question

Нужна помощь, пожалуйста. Я использую Ag Grid в Vue JS .... у меня есть ситуация, когда мне нужно отключить флажок в фильтре при загрузке изначально, чтобы сетка не показывала записи в начале. Возможно ли это?

Например, в приведенной ниже ссылке (скриншот) мне нужно снять флажок «Завершено» при загрузке, и сетка не будет отображать записи со статусом «Завершено».

Любая помощь будет высоко ценится ... Спасибо

Скриншот

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

Демо

не вините меня, образец написан под углом, но, думаю, адаптировать решение будет несложно.