GASのダイアログ上でのWEBアプリ実装方法

gasのHtmlServiceを用いてWEBアプリの作成を目指したいです。
その際通常のWEBサイトの公開メニューからではなくshowModalDialogメソッドで表示させたダイアログ上で実装したいのですが、下記のコードではURLを押下してもジャンプしません。
obj.urlはuserNameがプロパティの連想配列です。

GoogleAppsScript
1function sample(){
2 var ui = SpreadsheetApp.getUi;
3 var html = HtmlService.createHtmlOutputFromFile('index');
4 html.obj = something //ここでスプレッドシートのデータをオブジェクト形式で代入
5
6 ui.showModalDialog(html,'test');
7}

index
1<body>
2 <form>
3  <input tipe="text" name="user">
4 </form>
5 <?!=
6  "<a href='" + obj.url[user] + "'>URL</a>"
7 ?>
8</body>

行動規範の内容に同意します

回答1件

ベストアンサー

次のような修正案はいかがでしょうか。

修正箇所

var ui = SpreadsheetApp.getUi;ではgetUiは関数として使用されていません。
var html = HtmlService.createHtmlOutputFromFile('index');について、テンプレートを使用しているようですのでvar html = HtmlService.createTemplateFromFile('index');が適切と思われます。
"<a href='" + obj.url[user] + "'>URL</a>"ではuserは定義されていません。

修正したスクリプト

この修正ではGoogle Apps Script側のスクリプトのみ修正しています。

javascript
1function sample_aa(){
2  // サンプルオブジェクト
3  var something = {url: {sample: "https://teratail.com/questions/204526"}};
4
5  var ui = SpreadsheetApp.getUi(); // 修正
6  var html = HtmlService.createTemplateFromFile('index');
7  html.obj = something //ここでスプレッドシートのデータをオブジェクト形式で代入
8  html.user = "sample"; // 修正: テストとしてobj.url[user]のuserをここで用意しました。
9  ui.showModalDialog(html.evaluate(), 'test'); // 修正
10}