若依thymeleaf回显复选框选中项(只修改一行前端代码即可)
若依thymeleaf回显复选框选中项演示以及实现方法1.演示图片2. 实现方法3. 详解4.思路来源5.经验总结演示以及实现方法1.演示图片2. 实现方法下面展示一些 实现代码,th:xxx是thymeleaf的相关语法,@dict是若依框架自己封装的服务类。重点是th:checked属性的值,需要改变的是一号位置和二号位置的值,#strings.arraySplit(x,y)方法是将...
·
演示以及实现方法
1.演示图片
2. 实现方法
下面展示一些 实现代码
,th:xxx是thymeleaf的相关语法,@dict是若依框架自己封装的服务类。重点是th:checked属性的值,需要改变的是一号位置和二号位置的值,#strings.arraySplit(x,y)方法是将字符串转换成数组的方法类似与前台中的str.split(x,y)中的x是需要被截取的字符串,y是分隔符。#string.toString(m)方法就是单纯的将数据值转换成字符串的方法,如果原数据已经是字符串则不需要转换可以直接写成m即可。详解请往下看。
<div class="col-sm-8">
<div class="check-box" th:each="dict : ${@dict.getType('task_day_of_week')}">
<input type="checkbox" name="dayOfWeek2" th:id="${dict.dictCode}" th:value="${dict.dictValue}" th:checked="${#arrays.contains(#strings.arraySplit(job.dayOfWeek,','),#strings.toString(dict.dictValue))}">
<label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
</div>
</div>
3. 详解
如下示例相信可以帮大家更好得理解上面的代码
4.思路来源
主要是根据 www.thymeleaf.org 官网文档以及平常敲代码积累出来的一些经验。
5.经验总结
- 刚开始的时候虽然方法都用对了但是因为数据类型的原因一直无法实现,后来经过多次尝试终于发现问题所在,用上一个#string.toString(m)方法终于大功告成,老泪众横!!!
- 另,如果哪位老铁有空的话可以将次方法推送给若依框架的负责人,如果能直接在代码自动生成时候直接实现此方法就你好我好大家好了
更多推荐
已为社区贡献4条内容
所有评论(0)