ag-grid的cellRenderer返回锚点按钮时如何设置当前行ID到data-id属性

ag-grid 的 cellRenderer 函数会默认传入当前行的上下文参数 params，你只需接收该参数，即可通过 params.data 获取当前行的所有字段值，直接注入到锚点标签的 data-id 属性即可。

1. 操作列代码修改 #

将你原有的 action 列的 cellRenderer 部分修改为以下内容：

cellRenderer: function actionBtns(params) {
  // params.data 就是当前行的完整数据对象，直接取id字段即可
  const rowId = params.data.id;
  return `<a href="#" class="text-success me-2" data-id="${rowId}"><i class="fas fa-edit"></i></a>
  <a href="#" class="text-danger delete_user_btn" data-id="${rowId}"><i class="fas fa-trash"></i></a>`;
},

2. 后续获取ID发起请求示例 #

你可以通过事件委托绑定按钮的点击事件，获取对应的行ID后发起ajax请求：

// 监听删除按钮点击
$(document).on('click', '.delete_user_btn', function() {
  const userId = $(this).data('id');
  // 这里执行你的删除逻辑ajax请求
  $.ajax({
    url: 'action.php',
    method: 'post',
    data: {
      delete_user: 1,
      user_id: userId
    },
    success: function(res) {
      // 处理删除后的逻辑，比如刷新表格
    }
  })
})

注：如果你行数据的主键字段名不是id，替换为你实际的字段名即可，比如id_azienda

内容的提问来源于stack exchange，提问作者DCodeMania