Salesforce LWC lightning-datatable行内编辑无法获取recordId

根因定位 #

从调试日志和代码可以定位到三个直接导致问题的错误：

• 字段大小写匹配错误：event.detail.draftValues返回的行标识键为全小写id，代码中使用大写开头的row.Id取值，JS对象键名区分大小写，因此取到undefined，序列化后输出空对象{}。
• key-field配置与数据源不匹配：datatable配置key-field="id"，但传入的family数据源中id字段存储的是临时行索引row-x，并非Salesforce记录真实的18位recordId，即便修正大小写也无法获取有效Id供更新接口、缓存刷新接口使用。
• .slice()方法仅做数组浅拷贝，不会修改对象内部的键值，因此无法解决根源问题。

修复方案 #

1. 修正数据源映射逻辑
   从后端获取记录数据后，必须将记录真实Id赋值给datatable key-field对应的id字段，示例代码：

   // 处理Apex/wire返回的原始数据，赋值给表格绑定的family属性
   this.family = rawRecordList.map(item => ({
       id: item.Id, // 核心：将真实记录Id绑定到key-field对应的字段
       Name: item.Name,
       Birthday__c: item.Birthday__c,
       Type__c: item.Type__c,
       Age__c: item.Age__c,
       recordUrl: `/lightning/r/${item.Id}/view`
   }))
   

2. 修正save事件处理逻辑的字段取值
   把原来取大写Id的逻辑改为取小写id，修正后核心代码：

   async handleSave(event) {
       const updatedFields = event.detail.draftValues;
       // 修正：匹配draftValues里的小写id字段，此时拿到的是真实recordId
       const notifyChangeIds = updatedFields.map(row => ({ recordId: row.id }));
   
       try {
           await updateRecord({data: updatedFields});
           this.dispatchEvent(
               new ShowToastEvent({
                   title: 'Success',
                   message: 'Record updated',
                   variant: 'success'
               })
           );
   
           // 刷新LDS缓存
           getRecordNotifyChange(notifyChangeIds);
   
           // 刷新表格数据、清空草稿状态
           refreshApex(this.pets).then(() => {
               this.draftValues = [];
           });
           
       } catch(error) {
           this.dispatchEvent(
               new ShowToastEvent({
                   title: 'Error updating or refreshing records',
                   message: error.body.message,
                   variant: 'error',
                   mode: 'sticky'
               })
           )
       }
   }
   

注意事项 #

• lightning-datatable行内编辑返回的draftValues仅包含key-field指定字段的值、以及所有被修改的可编辑字段值，因此key-field必须绑定记录真实主键，不可使用临时行号、序号等非唯一标识。
• 前端自定义映射给datatable的字段名严格区分大小写，取值时需和映射时的命名完全一致。

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