thymeleafのth:eachで生成されたボタンを押下してControllerを動かしたい

Question

前提・実現したいこと

thymeleafのth:eachで生成されたボタンを押下してControllerを動かしたいです。
記載したhtmlソースの取消ボタンを押下したらjava側で「テスト」が出力されればとりあえずOKです。
ご教授お願いいたします。

発生している問題・エラーメッセージ

ボタンを押下してもうんともすんとも言いません

該当のソースコード

	<table>
		<tr><th>aa</th><th>bb</th><th>cc</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" th:action="@{/paid-holiday-cancel}">取消</td>
		</tr>
	</table>

	@RequestMapping(value = "paid-holiday-cancel", method = RequestMethod.POST)
	public ModelAndView paidHolidayCancel(@ModelAttribute ModelAndView mav){
		System.out.println("テスト");
		return mav;
	}

試したこと

th:actionをth:hrefに変えたりしましたが、うまくいかず

補足情報（FW/ツールのバージョンなど）

java8
SpringBoot2.0

Comments

[退会済みユーザー]

いや・・・・
HTMLの結果を意識して作ってください・・・・
大体のは th: を抜いたHTMLタグの属性に変わります。
あとHTML化した結果もご自分で確認してください。

[takahiro00]

すみません、、、、hrefでやるってことですよね

[退会済みユーザー]

HTMLの基礎である

href で遷移先を指定できるのは　○タグだけ
action で遷移先を指定できるのは　○タグだけ

あたりを理解してれば thymeleaf の属性置換 で対処できますが。
HTMLタグに機能を独自に追加はできませんよ

[takahiro00]

上記参考にして解決できました！ありがとうございました！

Answer 1

HTMLを以下に修正したらできました。

	<table>
		<tr><th>aa</th><th>bb</th><th>cc</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><a id="text-button" th:href="@{/paid-holiday-cancel}">取消1</a></td>
		</tr>
	</table>