我正在邊欄中創建一個表單,以根據各種標準創建新作業表。我總共有大約 27 個輸入。我有一個文本條目,以及幾組收音機和復選框。
我堅持只創建一個新作業表,其中名稱是文本輸入的值。
代碼.gs:
var ui = SpreadsheetApp.getUi();
var ss = SpreadsheetApp.getActiveSpreadsheet();
// Create a menu item to access the sidebar.
function onOpen(e) {
ui.createMenu("Sidebar Test").addItem("Sidebar Test","makeSidebar").addToUi();
};
// Setup the sidebar
function makeSidebar(){
var html = HtmlService.createHtmlOutputFromFile('Index').setTitle("Sidebar Test");
ui.showSidebar(html);
};
// Creates the new sheet using the name provided in the form, and in index 4 using the MAINTemplate sheet as a template
function mkSheet(name) {
var templateSheet = ss.getSheetByName('MAINTemplate');
ss.insertSheet(name, 4, {template: templateSheet});
}
索引.html:
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<script>
// Prevent forms from submitting.
function preventFormSubmit() {
var forms = document.querySelectorAll('form');
for (var i = 0; i < forms.length; i ) {
forms[i].addEventListener('submit', function(event) {
event.preventDefault();
});
}
}
window.addEventListener('load', preventFormSubmit);
function btnMkSheet(formObject) {
var formObject = formObject;
var formData = new FormData(formObject);
var formString = JSON.stringify(formObject);
var sheetName = formObject.sheetName;
console.log(formObject.sheetName);
console.log(formData);
console.log(formString);
console.log(sheetName);
google.script.run.mkSheet(sheetName);
};
</script>
</head>
<body>
<button onclick="google.script.host.close()">Close</button>
<h2>Create a new sheet</h2>
<form id="myForm" onsubmit="btnMkSheet(this)">
<label for="nameText">Sheet Name</label>
<input id="nameText" name="sheetName" type="text" placeholder="QA WEB DEV 01-01-1985" />
<p>i.e. "QA WEB DEV 01-01-1985"</p>
<input type="submit" value="Create" />
</form>
</body>
</html>
當我在文本輸入中輸入名稱并單擊創建按鈕時。它不會創建新作業表。相反,它會在控制臺中引發錯誤。
并且四個控制臺日志如下。
<input id="nameText" name="sheetName" type="text" placeholder="QA WEB DEV 01-01-1985">
FormData {}
{"0":{},"1":{}}
<input id="nameText" name="sheetName" type="text" placeholder="QA WEB DEV 01-01-1985">
未捕獲的 InvalidArgumentError:由于屬性中的非法值而失敗:0
我可能只是通過使用查詢選擇器來獲取輸入的值。但我還有很多東西要添加到表格中。我想弄清楚使用formObject的正確方法。
uj5u.com熱心網友回復:
在您的腳本中,如何進行以下修改?請Index.html進行如下修改。
從:
var sheetName = formObject.sheetName;
到:
var sheetName = formObject.sheetName.value;
formObject.sheetName是物件。因此,請檢索該值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/477456.html
標籤:javascript html 形式 谷歌应用脚本 谷歌表格
上一篇:單擊第一個按鈕后的第二個按鈕延遲
