Is there a way to get autocomplete in a ui element

I'd like to have a Listbox or similar, where the user could start typing, and the Listbox would narrow down the choices depending on what has already been typed, and autocomplete once a unique option had been reached

标签： google-apps-script

3条回答

一纸荒年 Trace。

2楼-- · 2019-03-17 02:06

See http://googleappsdeveloper.blogspot.in/2011/05/autocomplete-email-addresses-in-apps.html for an example of autocomplete

0人赞添加讨论(0) 举报

爱情/是我丢掉的垃圾

3楼-- · 2019-03-17 02:11

It's fairly easy in HtmlService and a bit harder in UiApp although doable. Here's an HtmlService example:

Code File

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

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

Html file named '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>

0人赞添加讨论(0) 举报