如何从电子表格中获取对象值以粘贴到 html 输入表单

Question

我要粘贴到的 HTML 部分

  <div>
    <label for="entryRef">Ref</label><button id="FindByRef">Find</button>
    <input id="entryRef" list="EntryRef">
  </div>
  <div>
    <label for="entryDate">Date</label>
    <input id="entryDate" type="date">
  </div>
  <div>
    <label for="entryName">To/From</label>
    <input id="entryName" list="Name_list">
  </div>
  <div>
    <label for="entryDescription">Description</label>
    <textarea id="entryDescription"></textarea>
  </div>

HTML 脚本部分，我被这部分卡住了。我跑了，没有粘贴到他们身上，请帮忙！

function refSelect(ref) {
  document.getElementById("entryDate").value = ref.date
  document.getElementById("entryName").value = ref.name
  document.getElementById("entryDescription").value = ref.desc
} //**** to paste the data to HTML, need to fix this part? ****

function entryGet() {
  var refSelected = document.getElementById("entryRef").value

  google.script.run.withSuccessHandler(refSelect).getEntry(refSelected)
}

document.getElementById("FindByRef").addEventListener("click",entryGet)

谷歌脚本部分。我从对象中获取数据

function getEntry(refSelected) {

  var filtered = SpreadsheetApp.getActiveSpreadsheet().getRangeByName("Core!A4:F").getValues().filter(r => r[0] === refSelected)

  return {
    ref : filtered[0],
    date : filtered[1],
    name : filtered[2],
    desc : filtered[3],
    acc : filtered[4],
    amt : filtered[5]
  }
}

示例电子表格 [Ctrl + Alt + Shift + 1] 打开表单 https://docs.google.com/spreadsheets/d/1lpXqW7-VXBFPjtzXIzjUHa9p2uTFJrl67CO6AH2kKoQ/edit?usp=sharing

提前谢谢你

Answer 1

这个答案怎么样？

修改点：

• 我认为在您的脚本中，Google Apps 脚本方面的getEntry 存在问题。
  • 如果Core!A4:F是a1Notation，请将getRangeByName修改为getRange。
  • SpreadsheetApp.getActiveSpreadsheet().getRangeByName("Core!A4:F").getValues().filter(r => r[0] === refSelected) 返回二维数组。所以在你的情况下，当搜索值为唯一值时，请添加[0]。

当以上几点反映到你的脚本中时，它变成如下。

修改脚本：

从：

var filtered = SpreadsheetApp.getActiveSpreadsheet().getRangeByName("Core!A4:F").getValues().filter(r => r[0] === refSelected)

到：

var filtered = SpreadsheetApp
  .getActiveSpreadsheet()
  .getRange("Core!A4:F")
  .getValues()
  .filter(r => r[0] === refSelected)[0];

并且，如果“B”列是日期对象，也请修改如下。

从：

  return {
    ref : filtered[0],
    date : filtered[1],
    name : filtered[2],
    desc : filtered[3],
    acc : filtered[4],
    amt : filtered[5]
  }

到：

  return {
    ref : filtered[0],
    date : `${filtered[1].getFullYear()}-${("0" + (filtered[1].getMonth() + 1)).slice(-2)}-${("0" + filtered[1].getDate()).slice(-2)}`,  // Modified
    name : filtered[2],
    desc : filtered[3],
    acc : filtered[4],
    amt : filtered[5]
  }

注意：

• 如果Core!A4:F是命名范围，请使用getRangeByName("Core!A4:F")。
• 当您使用 Web 应用打开 HTML 时，修改脚本后，请将 Web 应用重新部署为新版本。这样，最新的脚本就会反映到 Web 应用程序中。请注意这一点。