Google apps script 如何在谷歌应用程序脚本中创建搜索栏？_Google Apps Script_Google Sheets

Google apps script 如何在谷歌应用程序脚本中创建搜索栏？

google-apps-script google-sheets

Google apps script 如何在谷歌应用程序脚本中创建搜索栏？,google-apps-script,google-sheets,Google Apps Script,Google Sheets,请看下面的代码，我正试图使用Gsheets作为员工联系详细信息的数据库，我需要使此可搜索，但发现自己卡住了。任何指点都将不胜感激 <script> var datags = <?!= JSON.stringify(data) ?>; </script> <!DOCTYPE html> <html> <head> <base target="_top"> <link

请看下面的代码，我正试图使用Gsheets作为员工联系详细信息的数据库，我需要使此可搜索，但发现自己卡住了。任何指点都将不胜感激

<script>
  var datags = <?!= JSON.stringify(data) ?>;
</script>
<!DOCTYPE html>
  <html>
    <head>
      <base target="_top">
        <link rel="stylesheet"ref="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
  crossorigin="anonymous">
    </head>
    <body>
      <div>
        <header class="text-center ">
          <h1>Age UK Essex Staff Directory</h1>
        </header>
        <table id="myTable" class="table table-striped">
          <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Service</th>
            <th>Role</th>
            <th>Location</th>
            <th>Desk Phone</th>
            <th>Mobile Phone</th>
            <th>Other Phone</th>
            <th>Email</th>
            <th>Fax</th>
            <th>Postal Address</th>
         </tr>
      </table>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
    $(function(){
    console.log(datags);
      jQuery.each(datags, function() {
          console.log(this);
        $('#myTable tr:last').after('<tr><td>'+this.firstname+'</td><td>'+this.lastname+'</td><td>'+this.service+'</td><td>'+this.role+'</td><td>'+this.location+'</td><td>'+this.deskphone+'</td><td>'+this.mobilephone+'</td><td>'
        +this.otherphone+'</td><td>'+this.email+'</td><td>'+this.fax+'</td><td>'+this.postaladdress+'</td></tr>')
      })
    });
    </script>
  </body>
</html>


var-datags=；
年龄英国埃塞克斯员工名录
名字
姓
服务
角色
位置
台式电话
手机
其他电话
电子邮件
传真
邮政地址
$（函数（）{
控制台日志（datags）；
每个（datags，function（）{
console.log（this）；
$（'#myTable tr:last'）。在（''+this.firstname+'+this.lastname+'+this.service+'+this.role+'+this.location+'+this.deskphone+'+this.mobilephone+''之后
+this.otherphone+“”+this.email+“”+this.fax+“”+this.postaladdress+“”）
})
});

上面的代码构成了我的index.html文件，下面的代码构成了我的google脚本代码，我已经测试过了，它可以正常工作。我现在需要做的是添加一个搜索栏，可以用来搜索任何一个单元格，并将匹配的数据返回到UI。这是我一直坚持的部分，我希望有人能给我一些指导

    function doGet(e){
      var ss = SpreadsheetApp.openById('12vq2W5Hm6rl8v_HBzHHOLHvZ5HW7fn892u_JHjEJ-oY');
      var sheet = ss.getSheetByName('Staff');
      var range = sheet.getDataRange();
      var values = range.getValues();
      var holderArray = [];
      var HTMLTemp = HtmlService.createTemplateFromFile('index');

      Logger.log(values);
      var holder = '';
      for(x=1; x<values.length; x++){
      holderArray.push({
      "firstname" : values[x][0],
      "lastname" : values[x][1],
      "service" : values[x][2],
      "role" : values[x][3],
      "location" : values[x][4],
      "deskphone" : values[x][5],
      "mobilephone" : values[x][6],
      "otherphone" : values[x][7],
      "email" : values[x][8],
      "fax" : values[x][9],
      "postaladdress" : values[x][10]});
      }
      HTMLTemp.data = holderArray;
      var html = HTMLTemp.evaluate().setSandboxMode(HtmlService.SandboxMode.IFRAME);
  return html;
}

   function myFunction1(){
    var ss = SpreadsheetApp.openById('12vq2W5Hm6rl8v_HBzHHOLHvZ5HW7fn892u_JHjEJ-oY');
    var sheet = ss.getSheetByName('Staff');
    var range = sheet.getDataRange();
    var values = range.getValues();
    var holderArray = [];
    var HTMLTemp = HtmlService.createTemplateFromFile('index');

    Logger.log(values);
    var holder = '';
    for(x=1; x<values.length; x++){
    holderArray.push({
      "firstname" : values[x][0],
      "lastname" : values[x][1],
      "service" : values[x][2],
      "role" : values[x][3],
      "location" : values[x][4],
      "deskphone" : values[x][5],
      "mobilephone" : values[x][6],
      "otherphone" : values[x][7],
      "email" : values[x][8],
      "fax" : values[x][9],
      "postaladdress" : values[x][10]});
  }
      HTMLTemp.data = holderArray;
      var html = HTMLTemp.evaluate().setWidth(1020).setHeight(800);
      SpreadsheetApp.getUi().showModalDialog(html, 'Age UK Essex Staff 
      Directory');
  }

函数doGet（e）{
var ss=电子表格应用程序openById（'12vq2W5Hm6rl8v_HBzHHOLHvZ5HW7fn892u_JHjEJ-oY'）；
var sheet=ss.getSheetByName（'Staff'）；
var range=sheet.getDataRange（）；
var values=range.getValues（）；
var holderArray=[]；
var HTMLTemp=HtmlService.createTemplateFromFile（'index'）；
Logger.log（值）；
var持有人=“”；
对于（x=1；x欢迎来到StackOverFlow，请借此机会学习如何，以及..什么是datags
？您在哪里设置它？@IMTheNachoMan我已经添加了我的完整代码。这是否回答了您的问题？