GoogleのスプレッドシートでHtmlのUIが正しく出力されない

ここではわかりにくいかもしれないので、私はコーディングを使い慣れています。私は、このディスカッションでここに出力するようなものを作成するために探しています：How can I add multiple inputs from an HTML UI to a Google Spreadsheet?。私は同じコードフォーマットを使用しましたが、コードを実行すると何とかフォームが空白になりますか？GoogleのスプレッドシートでHtmlのUIが正しく出力されない

addItem.gs 
    function openInputDialog() { 
     var html = HtmlService.createHtmlOutputFromFile('Index'); 
     SpreadsheetApp.getUi() 
      .showModalDialog(html, 'Make Booking'); 
    } 



    function itemAdd(form) { 
    var ss = SpreadsheetApp.getActiveSpreadsheet(); 
    var sheet = ss.getSheets()[0]; 
    sheet.appendRow([" ", form.name, form.room, form.guesthouse, form.checkin, form.checkout, form.department]); 
    return true; 
}

HTMLフォーム：：ここで修正されたコードがある私は、関数を実行すると

Index.html  
<!DOCTYPE html> 
<html> 
    <head> 
    <base target="_top"> 
    </head> 
    <br> 
    <form> 
    Name:<br> 
    <input type="text" name="name"> 
    <br> 
    Room:<br> 
    <input type="text" name="room"> 
    <br> 
    GuestHouse:<br> 
    <input type="text" name="guesthouse"> 
    <br> 
    In:<br> 
    <input type="date" name="checkin"> 
    <br> 
    Out:<br> 
    <input type="date" name="checkout"> 
    <br> 
    Department:<br> 
    <input type="text" name="department"> 
    <br><br> 
    <input type="button" value="Submit" 
     onclick="google.script.run 
      .withSuccessHandler(google.script.host.close) 
      .itemAdd(this.parentNode)" /> 
    </form> 
</html>

、フォームは、フォームの残りの部分は空白で、ダイアログは「予約をしてください」があります。私は、私が間違ってやっていることができることをネットで精査しましたが、失敗しました。

ご協力いただければ幸いです。

出典

2017-08-21 Sam

HTMLファイルにbodyタグはありません。 – Cooper

' Ritz

@Ritz私はコードをコピーして間違ってしまった、オリジナルには終了タグがあります。 – Sam

私はほとんどのコードを使用していますが、これはうまくいくはずです。 Code.gs：

function addMyData(form) 
{ 
    var sh=SpreadsheetApp.getActive().getActiveSheet(); 
    sh.appendRow([form.name,form.room,form.guesthouse,form.checkin,form.checkout,form.department]); 
} 

function showMyDialog() 
{ 
    var userInterface=HtmlService.createHtmlOutputFromFile('htmlhelp'); 
    SpreadsheetApp.getUi().showModelessDialog(userInterface, 'Title'); 
}

htmlhelp.html：

<!DOCTYPE html> 
<html> 
    <head> 
    <title></title> 
    </head> 
    <body> 
    <form> 
    Name:<br> 
    <input type="text" value="" name="name"> 
    <br> 
    Room:<br> 
    <input type="text" value="" name="room"> 
    <br> 
    GuestHouse:<br> 
    <input type="text" value="" name="guesthouse"> 
    <br> 
    In:<br> 
    <input type="date" name="checkin"> 
    <br> 
    Out:<br> 
    <input type="date" name="checkout"> 
    <br> 
    Department:<br> 
    <input type="text" value="" name="department"> 
    <br><br> 
    <input type="submit" value="Submit" onClick="google.script.run.addMyData(this.form);google.script.host.close();" /> 
    </form> 
    </body> 
</html>

注：（）google.script.host.closeは、Webアプリケーションとして展開は動作しません。

出典

2017-08-22 15:24:48 Cooper

ありがとう！魅力的な作品！今私はちょうど特定の範囲に追加されたデータを確実にする方法を把握する必要があります！ – Sam

GoogleのスプレッドシートでHtmlのUIが正しく出力されない

答えて

関連する問題