как задать значение по умолчанию для фильтра ag-grid - PullRequest
Новая
       23

как задать значение по умолчанию для фильтра ag-grid

0 голосов
/ 06 июля 2019

Попытка отобразить значение по умолчанию в тексте фильтра ag-grid. В параметре фильтра я хочу дать значение по умолчанию, которое будет отображаться пользователю, а не только применяться к результату 

this.columnDefs = [
  {
    headerName: this.pageData["tbm.line.list.grid.phonenumber"],
    field: 'tn',
    /*sort: "asc",*/
    sortable: true,
    filter: "agTextColumnFilter",
    filterParams: { filterOptions: ['contains'], apply: true },
    //tooltip: (params) => 'Address: ' + params.value,
    headerTooltip: 'Phone Number',
    // editable: true,
    // checkboxSelection: true,
    // headerCheckboxSelection: true,
    // headerCheckboxSelectionFilteredOnly: true,
    width: 150
  },

1 Ответ

1 голос
/ 08 июля 2019

Если вы хотите установить значение по умолчанию для вашего фильтра, вы можете использовать событие firstDataRendered и установить начальную модель фильтра. 

<ag-grid-angular
  #agGrid
  style="width: 100%; height: 100%;"
  id="myGrid"
  class="ag-theme-balham"
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef"
  [rowData]="rowData"
  (gridReady)="onGridReady($event)"
  (firstDataRendered)="onFirstDataRendered($event)"
></ag-grid-angular>

И в ваших component.ts, 

onFirstDataRendered() {
  const yourFilterComponent = this.gridApi.getFilterInstance('athlete');
  yourFilterComponent.setModel({
    type: 'contains',
    filter: 'Phelps'
  });
  this.gridApi.onFilterChanged();
}

Я создал демо поверх здесь .

...