thymeleaf th:if判断 并改变按钮的值

最新推荐文章于 2024-08-07 08:36:31 发布
最新推荐文章于 2024-08-07 08:36:31 发布
阅读量3.9k 收藏 3
点赞数 1
文章标签： thymeleaf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/th_century17/article/details/103368838
版权

thymeleaf页面
需求：想要用户按禁用按钮 禁用按钮变成启用 按启用变成禁用
在这里插入图片描述
页面代码：
一个td 两个span 写两个判断
如果值等于1 就显示停用，如果等于2 显示启用
在这里插入图片描述
js代码：
带查询条件的修改状态代码
isstart：修改状态
id：需要修改的用户id
在这里插入图片描述

Z-O-E-Y
关注
Thymeleaf 动态更改th:replace、th:include的值，刷新局部内容
weixin_38103949的博客
02-19 4889
Thymeleaf 动态更改th:replace、th:include的值，刷新局部内容 由于 Thymeleaf 视图是在后端渲染的，因此前端改变th:replace属性的值是没有效果的，要想实现局部动态刷新，只能把参数传给后端，请求后端重新渲染。 前端代码： 超链接 <a href="/main?page=test&content=test-content">更改内容...
Thymeleaf之th:if、th:each使用
Lmm萌萌的博客
03-18 1341
Thymeleaf之th:if判断、th:each循环迭代使用 今日进行项目维护的时候，发现了一个权限不匹配的地方，于是着手修改bug 该账户权限下不应该出现定时统计证书状态任务创建权限，于是先从后台入手修改。 这是接手的新项目，对代码逻辑还有些不清晰，于是开始了寻找，发现下拉按钮是th:each迭代一个枚举类显示的。 罪魁祸首已出现，注掉不就行了吗！ 结果可想而知，报了未知枚举和空指针，既然根治不行，我就把目标转向了前台，加一个th:if滤掉不就可以了。于是： ne是!=，直接滤掉，符合的继续循
thymeleaf中js取值
姑苏阿超的博客
04-26 546
注意：必须加上th:inline="javascript"才能够使用该方法。 <script th:inline="javascript"> function changebasic() { var introduce = [[${basicInfo.introduce}]]; var idiograph = [[${basicInfo.idiograph}]]; ...
Thymeleaf_条件判断语句
最新发布
m0_68079787的博客
08-07 439
在使用这些条件判断语句时，确保你的后端模型中包含了相应的数据，以便Thymeleaf可以正确地解析和执行这些条件。：虽然主要用于循环，但也可以用来进行条件判断，因为它可以迭代一个条件为真的集合。：用于检查一个条件是否为真，如果为真，则渲染包含该属性的标签及其内容。：用于创建局部变量，通常与条件判断结合使用，以简化复杂表达式。：用于更复杂的条件判断，可以根据不同的值渲染不同的内容。相反，如果条件为假，则渲染包含该属性的标签及其内容。为false，则会渲染。为true，则会渲染。集合，但只会渲染那些。
Thymeleaf通过判断选取不同的值
Bear_Fox的博客
02-20 4343
&lt;form th:action="${info == null}?insert:update" method="post" th:object="${info}"&gt; &lt;input name="id" type="hidden" th:value="${info != null}?*{id}:0"&gt; &lt;input n
html 显示一个button按钮
Flyer的后花园
07-06 2768
Click Me! Click Me  是这个按钮的显示名称  html 显示一个button按钮
thymeleaf 的th:if 用原生html+javascript实现
weixin_45564209的博客
01-04 1832
一开始的thymeleaf页面 <th:block th:if="${session.newBeeMallUser==null}"> <ul class="login"> <li><a href="login">登录</a><> <li><a href="register">注册</a><> </ul> <div c
thymeleaf if 条件判断_yangxinhu_coder的博客-CSDN博客_thymeleaf判断
qq_27577113的博客
09-05 541
模板引擎thymeleaf中的if-else判断
前端html与Thymeleaf模版引擎中th:if、unless、checked、field、text、utext、value、each、下拉框、单选框赋值并判断选中以及其他常见用法
代码讲故事
02-11 7926
前端html与Thymeleaf模版引擎中th:if、unless、checked、field、text、utext、value、each、下拉框、单选框赋值并判断选中以及其他常见用法。 Thymeleaf 的条件判断是 通过 th:if 来做的，只有为真的时候，才会显示当前元素和相关值。 <p th:if="${testBoolean}" >如果testBoolean 是 true ...
SpringBoot静态模板thymeleaf使用th实现c标签，th:if实现c:if同效果权限控制
weixin_43992507的博客
07-04 862
SpringBoot静态模板thymeleaf使用th实现c标签，th:if实现c:if同效果权限控制
thymeleaf使用th:onclick()事件时出现的版本兼容性问题
Marlon康
11-24 1039
(基于SpringBoot框架企业级应用系统开发全面实战)->{02.09_Thymeleaf实战_recv} 问题： 今天在尝试使用springBoot整合thymeleaf时，使用了th：onclick（）事件 原代码： <button class="btn" th:onclick="'getName(\''+${person.name}+'\');'">获得名字&...
thymeleaf 模板中的if和switch的用法
qq_26795797的博客
03-23 572
thymeleaf 模板中的***if***和***switch***的用法 <td th:switch="${t.activityId}"> <span th:case="createOrder">创建采购单</span> <span th:case="firstAudit">部门经理审核</span> <...
Sptingboot：thymeleaf中使用Ajax
x_June的博客
04-14 1354
@ Sptingboot：thymeleaf中使用Ajax 不了解thymeleaf的可以参考 : 这是一个链接 1.在pom.xml导入thymeleaf需要的jar包 在pom.xml里面添加以下代码 <!--th标签需要的架包--> <dependency> <groupId>org.springframework....
Thymeleaf th:each遍历，th:if、th:switch 条件判断，input，select，radio 回显赋值
上班搞IT，下班搞ITF。
12-12 4682
1. th:each 遍历 <!-- 遍历集合，如果被遍历的变量 userList 为 null 或者不存在，则不会进行遍历，也不报错--> <tr th:each="user : ${userList}"> <!-- 将用户的主键 uId 存在在 name 属性中--> <td th:text="${user.u...
Spring boot 初步踩坑（三）——Thymeleaf javaScript 联动 数值变化
tiancan1的博客
09-17 1033
之前网上搜索 Thymeleaf 标签 可以直接在js 里面 获取 action返回的值，一直在用，今天突然出现了一个奇葩问题，一个时间戳字符串，java后台打印是20180917161154369 通过js 再传回去就成了2018091716115438了 百思不起姐。 后来阅读官方文档 才发现 script 里面用 Thymeleaf 标签 有个前提，那就是 必须使用th:inlin...
3）Thymeleaf th:* 设置/修改属性值详解
热门推荐
蚩尤后裔-汪茂雄
12-01 2万+
目录 属性汇总 th:text 与th:utext th:attr 设置任意属性值 设置指定属性值 th:alt-title 和 th:lang-xmllang 固定值布尔属性 默认属性处理器 属性汇总 <html xmlns:th="http://www.thymeleaf.org"> 编号 属性 描述 示例 1 th:text ...
【技术】浅谈 Thymeleaf 中 th:field 的用法
Riu_Peter
03-23 4839
SpringBoot 项目中 Thymeleaf 表单页面填充数据是非常常见的。最常见的当属修改页面。从表格的操作列点击修改进入到修改页面填充要修改的数据。这一类的需求中，普通输入框的数据填充是很简单的，但是单选框、复选框、下拉框等组件的数据填充可能要稍稍动动脑子。
Thymeleaf赋值和取值
那些年的代码
08-27 8130
描述 页面代码有两层循环，一层是分类(手机)，二层是数据，但是要对二层的每一类数据做限制，比如只显示3条，那么问题来了，我怎么知道每一个分类已经遍历了3个了呢？ 分析 假设第一个分类是智能手机，用分类id过滤，每符合一次，记录值加1，判断记录值等于3就不显示。每次分类循环在初始化下即可实现。 实现 <th:block th:each="fenlei,top:${fenle...
<tbody> <tr th:each="list:${pageInfo.list}"> <td th:text="${list.id}"></td> <td th:text="${list.location}"></td> <td th:text="${list.ranks}"></td> <!-- 为0则空闲。为1则使用中--> <th:block th:if="${list.status == 0}"> <td>空闲</td> </th:block> <th:block th:if="${list.status == 1}"> <td>使用中</td> </th:block> <td th:text="${list.courierNumber}"></td> <td th:text="${list.courierName}"></td> <td th:text="${list.courier.company}"></td> <td th:text="${list.courier.courierTel}"></td> <td th:text="${list.fetchCode}"></td> <td th:text="${list.consignee}"></td> <td th:text="${list.consigneeTel}"></td> <!-- 空闲则可以存入，使用中则不可以--> <th:block th:if="${list.status == 0}"> <td> <a th:href="@{/deposit/{id}(id=${list.id})}"> <button type="button">存入</button> </a> </td> </th:block> <th:block th:if="${list.status == 1}"> <td> <button disabled="disabled" style="background-color: #DDDDDD;">存入</button> </td> </th:block> </tr> </tbody>
06-11
这是一个Thymeleaf模板的代码片段，用于显示一个包含分页信息的表格。其中，`pageInfo.list`表示分页数据列表，`th:each`用于循环遍历每一个数据项，并使用`${}`语法进行数据绑定显示在表格中。在表格中还使用了`th:block`结构进行条件判断和分支控制，根据`list.status`的值来显示不同的状态信息和操作按钮。如果`list.status`的值为`0`，则显示“空闲”状态和“存入”按钮，否则显示“使用中”状态和禁用的“存入”按钮。这个模板代码看起来比较简单易懂，但具体实现还需要其他相关的代码和配置支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值