Question

我在Google脚本中有一个工作代码，该代码在Index.HTML和code.gs上进行堆肥，如果您要在Google应用脚本脚本中对其进行测试，此代码正常工作

的index.html

<!DOCTYPE html>
<html>
<head>
<base target="_top">

<script>
   function displayMessage() {
        var searchTerm;
        searchTerm = document.getElementById('idSrchTerm').value;
        console.log('searchTerm: ' + searchTerm );
         google.script.run.withSuccessHandler(handleResults).processForm(searchTerm.replace("'","\'")); 
       } 


          function handleResults(results){      
         var length=results.length; // total elements of results
          var table = document.getElementById('output');
         for(var i=0;i<length;i++)
         {
         var item=results[i];
         item=item.split("|~|");

        }
        document.writeln("End of results...");
       }
</script>

<style>
table, th, td {
    border: 1px solid black;
}
</style>

</head>

<body>


<div class="container">
    Search: <input type="text" id="idSrchTerm" name="search">
    <input type="button" value="Search" name="submitButton" onclick="displayMessage()"/>
</div> 

<table id ="output">
<tr>
<th>File Details</th>
</tr>
<tr>
<td>
<script>

    function handleResults(results){      
         var length=results.length; // total elements of results
         for(var i=0;i<length;i++)
         {
         var item=results[i];
         item=item.split("|~|"); // split the line |~|, position 0 has the filename and 1 the file URL
         document.writeln("<b><a href='"+item[1]+"' target='_blank'>"+item[0]+"</b></a> (Last modified: "+item[2]+")<br/><br/>"); // write result
        }
        document.writeln("End of results...");
       }

</script>
</td>
</tr>
</table>

</body>
</html>

这是 Code.GS

function doGet(e) { // main function

  var template = HtmlService.createTemplateFromFile('index.html');
  return template.evaluate().setTitle('Search Drive').setSandboxMode(HtmlService.SandboxMode.IFRAME);
}


function SearchFiles(searchTerm) {
  var searchFor ="fullText contains '" + searchTerm + "'"; 
  var names = [];
  var files = DriveApp.searchFiles(searchFor); 
  while (files.hasNext()) {
    var file = files.next();
    var fileId = file.getId();
    var lm = file.getLastUpdated();
    var owner = file.getOwner().getName();
    var filesize = file.getSize();
    var name = file.getName() +"|~|"+file.getUrl()+"|~|"+lm+"|~|"+owner+"|~|"+filesize;  
    names.push(name); 
    Logger.log(file.getUrl());
  }
  return names; 
}


function processForm(searchTerm) {
  var resultToReturn;
  Logger.log('processForm was called! ' + searchTerm);
  resultToReturn  = SearchFiles(searchTerm); 
  Logger.log('resultToReturn: ' + resultToReturn);
  return resultToReturn; 
}

此代码工作正常，但每次我搜索数据时都会将其传输到带有搜索结果的新页面。

我的问题是如何在表格标签中显示数据？

以下是数据放置位置的图像。

Image Link

防止表中的空白页和显示数据

0 个答案: