#vue.js #ag-grid
#vue.js #ag-grid
Вопрос:
У меня есть столбец «выбрать», и я хочу иметь общее количество текущих выбранных строк в имени заголовка.
Я использую headerValueGetter
, но значение не обновляется при выборе новой строки.
// in my colDef
headerValueGetter: params => `(${this.totalSelected})`
// methods
onSelectionChanged(event) {
this.totalSelected = event.api.getSelectedNodes().length
},
totalSelected
это свойство моего компонента Vue, и его значение обновляется при выборе новой строки.
Есть идеи, как это сделать?
Комментарии:
1. воспроизведите вашу проблему в plunk или stackblitz, чтобы другие могли вам легко помочь.
Ответ №1:
Попробуйте обновить заголовок вручную в вашем SelectionChanged-событии:
onSelectionChanged(event) {
this.totalSelected = event.api.getSelectedNodes().length;
gridOption.api.refreshHeader();
},