Thymeleafで条件によって活性・非活性の方法

Question

Thymeleaf初心者です。

Thymeleafで条件によって活性・非活性の方法のご教示お願いいたします。

やりたいこと。
sampleIdが1のときは活性、それ以外のときは非活性。
<input type="text" th:text="*{sample}" th:readonly="???">
上記に
th:if="${(sampleId eq '1')}
をどのように挿入すればよろしいでしょうか。
宜しくお願いいたします。

参考にしたサイト：http://m12i.hatenablog.com/entry/2014/11/01/162838

Answer 1

Thymeleafのバージョンが書かれていないので、汎用的な方で記載します。

th:readonly="${ if文 }" だけで良いです。 if文の中身がtrueのときのみ readonly が出力されます。

例：

th:readonly="${product.getId() eq 'A-2'}"

※Thymeleafは動的な要素を書かずに済ませられるよう作れますので、JSPやJSTLのように条件文を作る都合で、表示に使わない複数の要素を書くのは可能な限り回避できますし、そういった制御用の要素を記述しない方が、元のHTMLを大きく崩すことなく扱えるので良いでしょう。

Comments

[sllmejacob]

> th:readonly="${ if文 }" だけで良いです。 if文の中身がtrueのときのみ readonly が出力されます。
そうか、th:が付いてるんだから考えてみればそうですね。
質問者さんはA-pZさんの回答していただいた方法でぜひ試してみてください。

[G_D]

ご教示いただきました方法でできました！
ありがとうございました！

Answer 2

手元で確認してませんが以下のように書けませんか？

th:readonly="${(sampleId eq '1')? '':'readonly'}"

或いはth:ifの条件次第で2行書くか。

<input type="text" th:if="${(sampleId eq '1')} th:text="*{sample}" />
<input type="text" th:if="${(sampleId neq '1')} th:text="*{sample}" readonly />