onClickでjsに値を渡したい

Question

前提・実現したいこと

springbootでHTMLに渡した値を
onClickでjsに渡したいです。

以下コードの「${obj.tPaidHolidayHistoryId}」の値をjsに渡したいです。

該当のソースコード

	<table>
		<tr><th>ww</th><th>yy</th></tr>
		<tr th:each="obj : ${holidayList}">
			<td th:text="${obj.fullNm}"></td>
			<td th:text="${obj.paidHolidayDateStr}"></td>
			<td th:text="${obj.tPaidHolidayHistoryId}"></td>
			<td id="text-button" onClick="disp(${obj.tPaidHolidayHistoryId})">取消22</td>
		</tr>
	</table>

function disp(obj){
	console.log(obj);
	// 「OK」時の処理開始 ＋ 確認ダイアログの表示
	if(window.confirm('テスト')){
		location.href = "example_confirm.html"; // example_confirm.html へジャンプ
	}
	// 「OK」時の処理終了
	// 「キャンセル」時の処理開始
	else{
		window.alert('キャンセルされました'); // 警告ダイアログを表示
	}
}### ヘディングのテキスト

	<table>
		<tr><th>ww</th><th>yy</th></tr>
		<tr>
			<td>ぺけぺけ</td>
			<td>2019/05/15</td>
			<td>44</td>
			<td><a id="text-button" href="/paid-holiday-cancel/44" onclick="confirm(${obj.tPaidHolidayHistoryId});">取消1</a></td>
			<td id="text-button" onClick="disp('${obj.tPaidHolidayHistoryId}')">取消22</td>
		</tr>
	</table>

ご教授お願いいたします。

Comments

[m.ts10806]

現在起きている問題と質問は何でしょうか。

[takahiro00]

すみません

[takahiro00]

Uncaught SyntaxError: missing ) after argument listというjsエラーが出て値をjsに渡せません。

[m.ts10806]

質問に追記願います。

[m.ts10806]

あとspringboot もタグに追加しておいてください

[takahiro00]

はい

[退会済みユーザー]

th: は何のためにつけるかとかそれの記述方法がわからないようにみうけられるので
その回答は回答欄じゃ足りないのでドキュメントを見直してください。

[papinianus]

${obj.tPaidHolidayHistoryId}で展開される値は例えばどういう値になるか、サンプルとして例を挙げていただけませんか？その値次第では、'で囲むなどの必要がありそうです。

[退会済みユーザー]

papinianus
結論からいうと展開されているはずがない
展開結果を確認しない質問者

[takahiro00]

展開結果はint型の数値です

[m.ts10806]

ブラウザの「ソースを表示」で出力されるhtmlをご提示ください。エラーからすると数値には思えません

[takahiro00]

解決しましたが、ブラウザのソースを追記しました。

[takahiro00]

たくさんのご回答ありがとうございました。

Answer 1

Thymeleafを使っているので、こうでは？
https://codeday.me/jp/qa/20190303/354388.html

th:onclick="'disp(' + ${obj.tPaidHolidayHistoryId} + ');'"

Comments

[takahiro00]

上記でうまくできました。
ご回答ありがとうございます。

[退会済みユーザー]

元のエラーも確認せず、最後のエラーのみしか質問者がみてないのが明白だったから回答を控えてたわけだが、ちゃんとドキュメントよんでたら質問するはずがないんだよね。

https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf_ja.html#%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AE%E3%82%A4%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%B3%E5%87%A6%E7%90%86

[takahiro00]

すみません。しっかり調べます。