google-apps-script - 如何在 google 工作表中添加类似于 excel 中的表单控件滚动条的水平滚动条？-6ren

google-apps-script - 如何在 google 工作表中添加类似于 excel 中的表单控件滚动条的水平滚动条？

转载作者：行者123 更新时间：2023-12-04 02:48:03

我想添加一个水平滚动条，它将根据其位置提供 0-365 的值，并使用该值进行计算。

我正在创建甘特图，与页面 https://www.vertex42.com/ExcelTemplates/excel-gantt-chart.html 上的相同

有一个水平滚动条可以帮助“移动”日历。

我已经放了一个我必须手动更改的数字。我还没有在互联网上找到任何解决方案。

最佳答案

这种控件在 Google 表格中根本不可用。我从 Google Support Forums 找到了最近的回复以表明情况仍然如此。

如果您想自己构建此功能，现在实际上可以通过充分利用 Apps Script platform 来实现和他们的 Google Sheets和 HTML Service scripting APIs .您可以使用 HTML 和 JS 创建一个对话框，它可以包含您想要的任何输入，包括范围 slider ，它可以将值发送回 Google 表格脚本，然后该脚本可以将其保存到一个单元格中。我整理了一个准系统测试以确保它能正常工作，并且确实如此:

我使用了 Menu -> Tools -> Script Editor，然后创建了这两个文件:

代码.gs:

// Trigger dialog to be added to menu on file open
function onOpen() {
  SpreadsheetApp.getUi()
      .createMenu('Dialog')
      .addItem('Open', 'openDialog')
      .addToUi();
}

function openDialog() {
  var html = HtmlService.createHtmlOutputFromFile('index');
  SpreadsheetApp.getUi()
      .showModalDialog(html, 'Dialog title');
}

function saveSliderVal(updatedVal){
  var sheetToSaveTo = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Gantt');
  if (!sheetToSaveTo){
    sheetToSaveTo = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  }
  var cellToSaveTo = sheetToSaveTo.getRange('A1:A1');
  cellToSaveTo.setValue(updatedVal);
}

index.html:

<!DOCTYPE html>
<html>
<head>
    <base target="_top">
</head>
<body>
    <script>
        function update() {
            document.getElementById('val').innerText = document.getElementById('input').value;
        }
        function save() {
            // Call sheet function
            google.script.run.saveSliderVal(parseInt(document.getElementById('input').value, 10));
        }
    </script>
    <input id="input" type="range" min="0" max="365" onchange="update()" oninput="update()" value="0"
        step="1" />&nbsp<span id="val">0</span>
    <br />
    <button id="save" onclick="save()">Save to Gantt</button>
</body>
</html>