0
我有一些谷歌表格应用程序脚本代码,命中一个API和基于某些用户输入更新侧栏中的字段。除了用于从侧边栏触发API调用的按钮之外,一切都按预期工作。出于某种原因,单击该按钮将在浏览器中打开一个新的空白选项卡。天然气 - 防止按钮点击事件,从打开新的浏览器选项卡
我最好的猜测是,我在某种程度上实施了google.script.run.withSuccessHandler()
不正确,但我一直无法证实这一点。任何帮助将非常感激。
Sidebar.html
这是我使用的全侧边栏文件。
<!DOCTYPE html>
<html>
<head>
<base target="_top">
<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons1.css">
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(function() {
$('#narrative-from-selection').click(getNarrative);
});
function getNarrative(narrative) {
//document.getElementById('narrative-response').innerHTML = narrative.replace(new RegExp('\r?\n','g'), '<br />');
var projectName = $('#project-name').val();
var templateName = $('#template-name').val();
google.script.run
.withSuccessHandler(
function(narrative) {
$('#narrative-response').html(narrative);
})
.withUserObject(this)
.generateContentForSelected(projectName, templateName);
}
</script>
<body>
<div>
<br />
<br />
<form>
Project Name: <input type="text" name="project-name" id="project-name" onchange="google.script.run.updateProjectAndTemplateNames(this.parentNode)"><br />
Template Name: <input type="text" name="template-name" id="template-name" onchange="google.script.run.updateProjectAndTemplateNames(this.parentNode)"><br />
<button id="narrative-from-selection">Generate from Selection</button><br /><br />
Response:<br /><br />
<div id="narrative-response"></div>
</form>
</div>
</body>
</html>
Code.gs
下面是我使用(用于打API的信息被删除,但我测试过的那件很多次,它返回完全相关功能的概述我期望它发回)。
function generateContentForSelected(projectName, templateName) {
// go do some API magic here
var narrative = "This is a test string.";
return narrative;
}