这会给你一个开始。只需要付出一点努力,你就可以自己完成剩下的工作。
要运行这个,你将需要:使用指定的文件名
复制代码,脚本编辑器。保存它们。运行showEmployeeSearchDialog()函数并启动html。随着您的进步,您应该能够添加doGet功能并将其部署为webapp。
Code.gs:
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
<!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>
这里的对话框看起来像在本什么: