有没有办法让自动完成在谷歌Apps脚本在UI元素?(Is there a way to get au

2019-07-30 08:14发布

我想有一个列表框或类似的,用户可以开始输入,列表框将缩小选择取决于什么已经被键入,并自动完成一次独特的选项已经达成

Answer 1:

见http://googleappsdeveloper.blogspot.in/2011/05/autocomplete-email-addresses-in-apps.html用于自动完成的一个例子



Answer 2:

这是一个在HtmlService很容易在了UiApp有点困难,虽然是可行的。 下面是一个HtmlService例如:

代码文件

function getGroup(group) {
  return GroupsApp.getGroupByEmail(group).getUsers().map(
    function(user){return user.getEmail(); });
}

function doGet() {
  return HtmlService.createHtmlOutputFromFile("ui");
}

HTML文件名为“UI”

<html>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
  <script>
    function refresh() {
      google.script.run.withSuccessHandler(function(tags) {$( "#tags" ).autocomplete({source: tags});})
        .getGroup(document.getElementById('group').value);
    }
  </script>

  Enter a group name in the first box. The second box will autocomplete
  group members using GroupApp.
  <br>
  <label for="group">Group: </label>
  <input id="group" onchange='refresh()'>
  <div class="ui-widget">
    <label for="tags">Members: </label>
    <input id="tags">
  </div>
</html>


Answer 3:

[编辑] HtmlService已更快,更先进。 了UiApp工作,但因为网络速度慢。

这里的HtmlService解决方案利用谷歌电子表格值数组填充jQuery的自动完成列表要好得多。

一个版本了UiApp: https://sites.google.com/site/scriptsexamples/learn-by-example/uiapp-examples-code-snippets/suggest-box

或者这样说我建:

要看到它在行动中,键入机场名称为: http://www.treesforlife.org.au/carbon-calculator

但是,这是与电子表格公式进行,而不是谷歌的应用程序脚本。 看到http://www.cellmaster.com.au



文章来源: Is there a way to get autocomplete in a ui element in Google Apps Script?