ag-grid angular更新表格数据的方法

ag-grid angular更新表格数据的方法,第1张

数据更新有三种情况:

1.表格整个数据的更新:setRowData
2.更新一行数据:setData 和 updateRowData
3.更新单元格数据:setDataValue

1.表格整个数据的更新

 //调用接口重新设置数据
  this.gridApi.setRowData(newData);

2.更新一行数据

function bySetRows() {
   //通过setData更新,首先获取需要更新的节点
   var rowNode = this.gridApi.getRowNode(2);//获取表格第3行数据
   //更新的数据
   var newData = {
      id: 'bb',
      make: 'Ford',
      model: newModel,
      price: newPrice,
    };
    rowNode.setData(newData);
 }
function byRowNode() {
 	var selRow = this.gridApi.api.getSelectedRows(0); //获取选中的行    
 	selRow.name = '小明'; //更新选中数据的第一行            
 	this.gridApi.api.updateRowData({update: selRow});
}

3.更新单元格数据

 //获取具有给定 ID 的行节点
 var rowNode = this.gridApi.getRowNode('id');
 var newName = '小明';
 // 替换指定列的值
 rowNode.setDataValue('name', newName);

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1297110.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存