Google App Script + Google Sheet + HTML модальная диалоговая форма ввода - Получить значения и построить электронную почту - PullRequest
1 голос
/ 08 апреля 2020

Другой вопрос Sheets.

У меня есть изображение в моем Google Sheet, которое запускает скрипт, который вызывает модальное диалоговое окно, построенное на HMTL:

function HomePageFurtherHelp(){ 

  var ui = SpreadsheetApp.getUi();
  //
  //Call the HTML file and set the width and height
  var html = HtmlService.createHtmlOutputFromFile("Home Page - Further Help")
    .setWidth(1200)
    .setHeight(1400);
  //Display the dialog
  var dialog = ui.showModalDialog(html, " ");
} 

Мой HTML модальный диалоговое окно содержит несколько полей для ввода данных пользователем: это в основном форма контактной информации и кнопка «отправить». Я добавил параметры 'id' в каждое из моих полей ввода в HTML. Форма является просто бесплатной версией, в которую я добавил свои идентификаторы.

Мой вопрос: как я могу получить введенные пользователем данные, а затем передать их на кнопку отправки и отправить электронное письмо на адрес предустановленный адрес электронной почты? Я добавил параметр «onclick» в свою кнопку «Отправить», я предполагаю, что я вызываю функцию для самого письма внутри «onclick», но я не знаю, как его создать.

<div class="w3-row w3-section">
  <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
    <div class="w3-rest">
      <input class="w3-input w3-border" name="first" type="text" placeholder="Your Name" id="userName">
    </div>
</div>

<div class="w3-row w3-section">
  <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-sitemap"></i></div>
    <div class="w3-rest">
      <input class="w3-input w3-border" name="last" type="text" placeholder="Department" id="departmentName">
    </div>
</div>

<div class="w3-row w3-section">
  <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-envelope-o"></i></div>
    <div class="w3-rest">
      <input class="w3-input w3-border" name="email" type="text" placeholder="Email" id="userEmail">
    </div>
</div>

<div class="w3-row w3-section">
  <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-film"></i></div>
    <div class="w3-rest">
      <input class="w3-input w3-border" name="phone" type="text" placeholder="Project?" id="projectName">
    </div>
</div>

<div class="w3-row w3-section">
  <div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-pencil"></i></div>
    <div class="w3-rest">
      <input class="w3-input w3-border" name="message" type="text" placeholder="Message" id="userMessage">
    </div>
</div>

<button class="w3-button w3-block w3-section w3-blue w3-ripple w3-padding" onclick="contactSendEmail()">Send</button>

Я нашел этот пост: Сценарий приложения: как отправить файл Google Sheet на адрес электронной почты, указанный в HTML Служба ввода? , но я немного растерялся, разбивая его, я застрял на «formObj» и использую его.

Помогите мне понять, что это будет оценено.

Спасибо,

1 Ответ

0 голосов
/ 09 апреля 2020

Я понял это с помощью formObj и назвал параметры моего имени в качестве ключей - это был бит, которого мне не хватало.

Это можно закрыть и c.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...