thymeleaf之from相关

动态加载下拉框并设置选中

<select name="interest" lay-filter="aihao" id="gameMapUrl"><option value="">option><option th:each="mapList : ${mapLists}" th:value="${mapList.mapUrl}" th:text="${mapList.mapInfo}" th:selected="${mapList.mapUrl eq game.gameMapUrl}">option>
select>

单选按钮设置选中

<input type="radio" name="gameType" value="0" title="个人游戏" th:field="*{game.gameType}">
<input type="radio" name="gameType" value="1" title="团队游戏" th:field="*{game.gameType}">

js中使用thymeleaf变量

<script type="text/javascript" th:inline="javascript">let people_sum = [[${game.gameSumPeople}]] ? [[${game.gameSumPeople}]] : 0;let team_sum = [[${game.gameSumTeam}]] ? [[${game.gameSumTeam}]] : 0;
</script>

设置dom中的data-id这类属性

<div class="operator_btn"><button class="layui-btn layui-btn-warm layui-btn-sm game_edit_btn"  th:attr="data-id=${gameList.gameId}">编辑button><button class="layui-btn layui-btn-sm game_del_btn" th:attr="data-id=${gameList.gameId}">删除button>
div>

图片加载失败后的处理

<img th:src="${gameList.gamePic}" alt="" class="game_pic" th:onerror="'this.src=\''+@{/statics/images/backgroup.jpg}+'\''">

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！