Динамическое обновление имени заголовка с помощью Ag-Grid

Динамическое обновление имени заголовка с помощью Ag-Grid

02.04.2019 07:26:45 Просмотров 19 Источник

У меня есть столбец" select", и я хочу иметь общее количество текущих выбранных строк в имени заголовка.

Я использую headerValueGetter, но значение не обновляется при выборе новой строки.

// in my colDef
headerValueGetter: params => `(${this.totalSelected})`

// methods
onSelectionChanged(event) {
  this.totalSelected = event.api.getSelectedNodes().length
},

totalSelected-это свойство компонента my Vue, значение которого обновляется при выборе новой строки.

Есть идеи, как это сделать ?

enter image description here

У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/55466951/dynamic-header-name-refresh-with-ag-grid#comment97646779_55466951
воспроизведите вашу проблему на plunk или stackblitz, чтобы другие могли легко помочь вам.

Ответы - Динамическое обновление имени заголовка с помощью Ag-Grid / Dynamic header name refresh with Ag-Grid

Является ответом!
Alexander Zbinden

02.04.2019 02:46:32

Попробуйте обновить заголовок вручную в selectionChanged-event:

onSelectionChanged(event) {
  this.totalSelected = event.api.getSelectedNodes().length;
  gridOption.api.refreshHeader();
},
Закрыть X