首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >我需要帮助映射的网络应用程序到谷歌电子表格

我需要帮助映射的网络应用程序到谷歌电子表格
EN

Stack Overflow用户
提问于 2017-10-11 03:36:04
回答 1查看 90关注 0票数 0

我需要创建一个web应用程序,它将读取我的谷歌电子表格列,并记录如果采取的行动是参考该单元格。

我有六列: Sr. No.| Emp ID|手机号|发卡人。

我想在应用程序中的一个搜索域,在那里用户可以输入员工id,如果它在列表中提到,那么应用程序应该继续,否则错误“无法找到”。

如果在列表中提到,用户将单击一个按钮,如“提交”,并自动更新详细信息,如发卡中的是,发卡日期和发卡人-电子邮件id。此链接应该可以访问特定域的所有用户,而不是公共用户。

我尝试了许多网站上的代码,但我无法通过它。我非常需要完成这件事。任何帮助都将不胜感激。

这是我的工作表:https://docs.google.com/spreadsheets/d/17ctc5KUeg8qzWN3CD442cSVYpT1gjG4L_6AsBffnhes/edit?usp=sharing

我需要一些像附件中的图片。

enter image description here

EN

回答 1

Stack Overflow用户

发布于 2017-10-13 02:54:29

这将给你一个开始。只要你做一点努力,你就应该能够自己完成剩下的工作。

要运行此程序,您需要执行以下操作:

使用给定的文件名将代码复制到脚本编辑器。救救他们。运行showEmployeeSearchDialog()函数,这将启动html。随着进度的推进,您应该能够添加doGet函数并将其部署为webapp。

Code.gs:

代码语言:javascript
复制
function goFind(id) 
{
  var ss=SpreadsheetApp.getActive();
  var sh=ss.getSheetByName('Master');
  var rg=sh.getDataRange();
  var vA=rg.getValues();
  var found=false;
  var dA=[];
  for(var i=1;i<vA.length;i++)
  {
    if(vA[i][1]==id)
    {
      dA.push(vA[i][0],vA[i][1],vA[i][2],vA[i][3],vA[i][4],vA[i][5]);
    }
  }
  return dA;
}

function showEmployeeSearchDialog()
{
  var ui=HtmlService.createHtmlOutputFromFile('empsearchform');
  SpreadsheetApp.getUi().showModelessDialog(ui, 'Employee Search Form')
}

empsearchform.html

代码语言:javascript
复制
<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
    $(function() {

      });
    function goFind()
    {
      var id=$('#txt1').val();
      $('#notfound').css('display','none');
      google.script.run
        .withSuccessHandler(found)
        .goFind(id);
    }
    function found(dA)
    {
      if(dA.length>0)
      {
        $('#hdn1').val(dA[0]);
        $('#txt2').val(dA[2]);
        $('#txt3').val(dA[3]);
        $('#txt4').val(dA[4]);
        $('#txt5').val(dA[5]);
        $('#found').css('display','inline');
      }
      else
      {
        $('#notfound').css('display','inline');
      }
    }
    function goUpdate()
    {

    }
    console.log('MyCode');
    </script>
  </head>
  <body>
  <br /><input type="text" placeholder="Enter Employee ID" id="txt1" size="15" />
  <br /><input type="button" value="Find" onClick="goFind()" />  
  <div id="found" style="display:none;">
  <br />Mobile Number:<input type="text" value="" size="" id="txt2" />
  <br />Card Issued:<input type="text" value="" size="" id="txt3" />
  <br />Date:<input type="text" value="" size="" id="txt4" />
  <br />Issued By:<input type="text" value="" size="" id="txt5" />
  <br /><input type="hidden" value="" id="hdn1" />
  <br /><input type="button" value="Submit" onClick="goUpdate()" />
  </div>
  <div id='notfound' style="display:none;"><br /><br />Employee ID not found.  Reenter Employee ID and push Find to try again.</div>
  </body>
</html>

下面是对话框目前的样子:

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46674590

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档