要将ag-Grid中的数据保存到后端，您可以使用以下步骤来实现：

1. 定义一个自定义的单元格编辑器组件，用于在单元格中显示和编辑数据。您可以使用ag-Grid提供的内置编辑器组件，如agTextCellEditor或agSelectCellEditor，或者创建自己的自定义编辑器组件。

// 自定义单元格编辑器组件
class MyCustomEditorComponent {
  // 构造函数接收参数
  constructor() {
    // 初始化编辑器的DOM元素
    this.eGui = document.createElement('input');
    this.eGui.type = 'text';
  }

  // 初始化编辑器值
  init(params) {
    this.value = params.value;
    this.eGui.value = this.value;
  }

  // 获取编辑器的DOM元素
  getGui() {
    return this.eGui;
  }

  // 获取编辑器的值
  getValue() {
    return this.eGui.value;
  }

  // 可选：根据需要实现其他编辑器方法，如isPopup等
}

2. 在ag-Grid的列定义中，将上述自定义编辑器组件指定为单元格的编辑器。

// 列定义
const columnDefs = [
  {
    headerName: 'Name',
    field: 'name',
    editable: true,
    cellEditor: 'myCustomEditorComponent',
  },
  // 其他列定义...
];

// ag-Grid配置
const gridOptions = {
  // 其他配置...
  components: {
    myCustomEditorComponent: MyCustomEditorComponent,
  },
  // 其他配置...
};

3. 在保存数据到后端的逻辑中，获取ag-Grid的数据，并将其发送到后端保存。

// 获取ag-Grid的数据
const rowData = gridOptions.api.getDisplayedRowAtIndex();

// 发送数据到后端保存
fetch('/save-data-url', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(rowData),
})
  .then(response => response.json())
  .then(data => {
    // 数据保存成功后的处理逻辑
  })
  .catch(error => {
    // 处理保存数据失败的错误
  });

请注意，上述代码示例中的保存数据的逻辑仅供参考，实际情况中您可能需要根据您的后端API进行调整。

希望这个示例能帮助到您！