Как редактировать шаблон HTML (перед его отображением) с помощью Google App Script? - PullRequest
Новая
       0

Как редактировать шаблон HTML (перед его отображением) с помощью Google App Script?

0 голосов
/ 24 декабря 2018

У меня есть функция, которая запускает другую функцию, которая показывает диалоговое окно в Google Sheets.Первая функция передает массив событий (не уверен, что это правильная терминология) второй функции, которой необходимо установить значения для некоторых тегов <p>.

HTML: 

  <body>
        <p id="firstPara"></p>
        <p id="secPara"></p>
        <p id="turdPara"></p>
        <p>Choose from the Apple related items above!</p>
        <button class="button button1">CARRY OVER</button>
        <button class="button button2">SKIP</button>
        <button class="button button3">CANCEL</button>
      </body>

JS: 

        function numberOne(){
         var val = ['APPLES', 'BASKET', 'HANDLE' ]  
         if(apples are green)numberTwo(val)
        }

        function numberTwo(e){
         var html = HtmlService.createHtmlOutputFromFile('OFTimeAlert')
         var content = html.getContent()
         //...
         //This is where I'm stuck: I need to get the <p> tags by Id then set 
         //the values! 
         //...
         html.setContent() 
        }

Я очень ценю помощь!

1 Ответ

0 голосов
/ 24 декабря 2018

Вот основные рамки.Вы все еще должны добавить обработчики кнопок и другие вещи, но я думаю, что это дает вам основную идею.Вы можете использовать шаблон, но мне просто проще поместить все это в один файл.Меньше переключаться между файлами во время редактирования.

question1.html: 

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
      function numberOne(){
        var val = ['APPLES', 'BASKET', 'HANDLE' ];
        if(apples are green)numberTwo(val)
      }
      function numberTwo(e){
        google.script.run
        .withSuccessHandler(function(Obj){
          document.getElementById('firstPara').innerHTML=Obj.firstPara;
          ....
        })
        .getHtmlOfPTags();

      } 
      //You also need to add all of the button handler
    </script>
  </head>
  <body>
     <p id="firstPara"></p>
     <p id="secPara"></p>
     <p id="turdPara"></p>
     <p>Choose from the Apple related items above!</p>
     <button class="button button1">CARRY OVER</button>
     <button class="button button2">SKIP</button>
     <button class="button button3">CANCEL</button>
  </body>
</html>

GS: 

function showDialog(){
  var ui=HtmlService.createTemplateFromFile('question1');
  SpreadsheetApp.getUi().showModelessDialog(ui, 'A Simple Dialog');
} 

function getHtmlOfPTags(){
  var Obj={'firstPara':'html','secPara':'html','turdPara':'html'};
  return Obj;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...