Как обновить/обновить ag-сетку после удаления строки?

Question

У меня есть сетка ag, где я пытаюсь удалить строку ... Я могу удалить строку из источника данных с помощью техники «сращивания», после чего я хочу обновить таблицу. Но она показывает ошибку. Это код, который я использую, чтобы удалить строку

selectedvalue={} //this holds the selected row value 
rowData=[]; //this holds all the row data 
onRowSelected(event) { 
    this.selectedvalue = event; 
} 
deletebtn() { 
    for (let i = 0; i < this.rowData.length; i++) { 
     if (this.selectedvalue.node.data.make === this.rowData[i].make) { 
      this.rowData.splice(i, 1); 
      this.gridOptions.api.refreshView(); 
     } 
    } 
} 

это показывает erroe что-то вроде этого -> не удается прочитать свойство «refreshView» неопределенных ... Как можно наблюдать изменения, внесенные в таблицу после строки удалить ,

Answer 1

Вы должны установить строки в сетке снова: после сращивания:

gridOptions.api.setRowData(gridOptions.rowData) 

Может быть, это plunkr помогает https://plnkr.co/0k4sYa

Автор серебряно-сетки объясняет это в форуме

AG-сетки

Answer 2

Для повышения производительности используйте вызовы grid api для добавления/удаления строк.
Чтобы вставить строку в начале, то есть копия выбранной строки:

var rowData = JSON.parse(JSON.stringify(selectedNode.data)); 
gridOptions.api.insertItemsAtIndex(0, [rowData]); 

Чтобы удалить выбранную строку:

var selectedNodes = gridOptions.api.getSelectedNodes(); 
gridOptions.api.removeItems(selectedNodes); 

Пожалуйста, вставьте новую строку только после глубокой копии исходной строки ,
В противном случае api продолжает ссылаться на одну и ту же строку.
Итак, последующее удаление новой строки удалит исходную строку из сетки.

Пожалуйста, обратитесь к документации для деталей api.
https://www.ag-grid.com/javascript-grid-insert-remove/