Google Apps Script WebApp搜索移动表格数据失效求助

问题根源 #

点击「move」按钮后出现DataRow: undefined和TargetSheetName: undefined，核心问题有两个：

1. 前端调用moveData时未正确传递完整的行数据参数；
2. 现有代码错误地固定删除源表格第一行，而非匹配到的目标行，且未传递匹配行的真实索引。

修复方案 #

1. 前端HTML与JS调整：传递完整数据和行索引 #

首先，在渲染搜索结果的环节，要把匹配行的完整数据和该行在源表格的行索引绑定到按钮点击事件上（假设你之前的渲染逻辑是循环生成结果行）：

<!-- 示例渲染代码：循环生成匹配行时，把行数据和索引传给moveData -->
<? matchedRows.forEach(row => { ?>
  <tr>
    <? row.data.forEach(cell => { ?>
      <td><?= cell ?></td>
    <? }) ?>
    <!-- 用JSON.stringify转义行数据，避免语法错误，同时传入行索引 -->
    <td><button onclick="moveData(<?= JSON.stringify(row.data) ?>, <?= row.rowIndex ?>)">move</button></td>
  </tr>
<? }) ?>

然后修改前端moveData函数，单独传递配置好的源/目标表格信息（不要从数据行里取），并添加错误处理：

function moveData(dataRow, rowIndex) {
  console.log('开始执行数据移动');
  // 从页面配置项获取源/目标表格的ID和工作表名（根据你实际的DOM结构调整选择器）
  const sourceSpreadsheetId = document.querySelector('#sourceId').value;
  const sourceSheetName = document.querySelector('#sourceSheet').value;
  const targetSpreadsheetId = document.querySelector('#targetId').value;
  const targetSheetName = document.querySelector('#targetSheet').value;

  // 调用后端函数，添加成功/失败回调
  google.script.run
    .withSuccessHandler(() => {
      alert('数据移动成功');
      // 可选：刷新搜索结果，移除已移动的行
      refreshResults();
    })
    .withFailureHandler(err => {
      alert(`移动失败：${err.message}`);
      console.error(err);
    })
    .moveData(dataRow, rowIndex, sourceSpreadsheetId, sourceSheetName, targetSpreadsheetId, targetSheetName);
}

2. 后端Code.gs函数修正：准确定位并操作目标行 #

修改后端moveData函数，接收所有必要参数，完成数据追加和目标行删除：

function moveData(dataRow, rowIndex, sourceSpreadsheetId, sourceSheetName, targetSpreadsheetId, targetSheetName) {
  console.log('后端开始处理数据移动');
  console.log('待移动数据:', dataRow);
  console.log('源表格目标行索引:', rowIndex);

  try {
    // 打开源、目标表格及对应工作表
    const sourceSS = SpreadsheetApp.openById(sourceSpreadsheetId);
    const targetSS = SpreadsheetApp.openById(targetSpreadsheetId);
    const sourceSheet = sourceSS.getSheetByName(sourceSheetName);
    const targetSheet = targetSS.getSheetByName(targetSheetName);

    // 校验工作表是否存在
    if (!sourceSheet || !targetSheet) {
      throw new Error('源工作表或目标工作表不存在，请检查配置');
    }

    // 将数据追加到目标表格
    targetSheet.appendRow(dataRow);

    // 删除源表格中对应的行（注意：SpreadsheetApp的行索引从1开始，和我们传递的rowIndex一致）
    sourceSheet.deleteRow(rowIndex);

    console.log('数据移动完成');
  } catch (error) {
    console.error('移动过程出错:', error);
    throw error; // 将错误抛回前端提示用户
  }
}

核心注意事项 #

• 参数分离：源/目标表格的ID、工作表名属于配置项，要单独传递，不要混在行数据里，这是之前出现undefined的主要原因；
• 行索引传递：搜索匹配行时必须同时获取该行在源表格的真实索引（从1开始），才能准确删除目标行，避免误删第一行；
• 错误反馈：前后端都添加错误处理，方便排查问题并给用户明确提示。

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