2016-01-21 34 views
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; 
} 

回答

0

通过大量的试验和错误,我找出了导致问题的原因,但我仍然不确定为什么导致新标签打开。显然,app脚本使用表单进行异步调用的方式有点古怪。我剥离了Sidebar.html文件中的<form></form>标签,并且所有内容都按预期工作。

如果有更好的方法来纠正这个问题,或者如果我从一开始就把这一切都弄错了,我会很有兴趣知道如何更有效地构造它。但是,我确实至少在工作。