Q&A前提
スプレッドシートでGASを使用し、サイドバーでhtmlとJavascripを分離したいのですが、
分離したjavascriptが正常に動作しません。（サイドバーは正常に動作します）
「 HtmlService.createHtmlOutputFromFile().getContent();」の動作かと思うのですが、
どこに誤りがあるでしょうか？
該当のソースコード
サイドバー
gas
1function onOpen() { 2 SpreadsheetApp.getUi() 3 .createMenu('test') 4 .addItem('Show sidebar', 'showSidebar') 5 .addToUi(); 6} 7 8function showSidebar() { 9 var html = HtmlService.createHtmlOutputFromFile('index') 10 SpreadsheetApp.getUi().showSidebar(html); 11}
index.html
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <base target="_top"> 5 </head> 6 <body> 7 <p>テスト</p> 8 <?!= HtmlService.createHtmlOutputFromFile('js').getContent(); ?> 9 </body> 10</html> 11
js.html
html
1<script> 2 alert('テスト'); 3</script>
回答2件
0
ベストアンサー
本件の場合、サイドバー側では、createHtmlOutputFromFile ではなく、createTemplateFromFile を使う必要があります。
createTemplateFromFile（及び evaluate() ） を使用することで、index.html のスクリプトレット部分がテンプレートの一部と見なされて js.html の内容に置き換えられます。
サイドバーの code.gs
js
1function showSidebar() { 2 var html = HtmlService.createTemplateFromFile('index').evaluate(); 3 SpreadsheetApp.getUi().showSidebar(html); 4}
投稿2022/09/21 14:48
編集2022/09/21 14:51
退会済みユーザー
総合スコア0
0
ご指摘頂いた箇所を修正した所、正常に動作しました。
有難うございます。
投稿2022/09/22 01:56
総合スコア19
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/09/22 01:56