thymeleaf数据回显,单选回填,下拉回填,时间框回填

转载:https://blog.csdn.net/guochanof/article/details/90734174

input回填

<div class="form-group">
    <label class="col-sm-1 control-label">客户姓名:</label>
    <div class="col-sm-3">
        <input id="customerName" name="customerName" th:value="${customer.customerName}" class="form-control" type="text">
    </div>
    
</div>


单选回填

<div class="form-group">
    <label class="col-sm-1 col-sm-offset-2 control-label">性别 :</label>
    <div class="col-sm-3">
        <label class="radio-inline" th:each="sex:${sexList}">
            <input type="radio" id="sex" name="sex" th:value="${sex.value}" th:text="${sex.name}" th:attr="checked=${customer.sex == sex.value?true:false}" />
        </label>
    </div>
</div>


时间框回填

<div class="form-group">
    <label class="col-sm-1 control-label">出生日期:</label>
    <div class="col-sm-3">
        <input type="text" class="laydate-icon layer-date form-control" id="birthday" name="birthday" th:value="${customer.birthday}==null?null:${#dates.format(customer.birthday,'yyyy-MM-dd')}" οnclick="laydate({istime: true, format: 'YYYY-MM-DD'})" style="background-color: #fff;" readonly="readonly" />
    </div>
</div>


下拉回填

<div class="form-group">
    <label class="col-sm-1 col-sm-offset-2 control-label">职业:</label>
    <div class="col-sm-3">
        <select data-placeholder="--选择类别--" name="profession" id="profession" class="form-control chosen-select" tabindex="2" required>
            <option value="">--选择类别--</option>
            <option th:selected="${customer.profession eq profession.value}" th:each="profession:${professionTypeList}" th:value="${profession.value}" th:text="${profession.name}"></option>
        </select>
    </div>
</div>

转载:https://blog.csdn.net/qq_43639296/article/details/88723128

thymeleaf的textarea数据回显用th:text,th:value不能回显

 

集合的非空判断

th:if="${not #lists.isEmpty(自定义集合)}"

字符串拼接

<span th:text="|Welcome to home, ${user.name}!|">
//这实际上相当于:
<span th:text="'Welcome to home, ' + ${user.name} + '!'">
//文字替换可以与其他类型的表达相结合:
<span th:text="${onevar} + ' ' + |${twovar}, ${threevar}|">

小数(四舍五入)

//显示1.24
th:text="${#numbers.formatDecimal(1.235, 1, 2)}"

a标签-超链接

//显示1.24
<a th:href="@{/companyUser/getUserByUserName/(id=${companyUser.id},userName=${companyUser.userName})}">view</a>
<a th:href="@{/companyUser/{companyUser.id}/getUserByUserName>view</a>

三元运算符判断

th:text="'Execution mode is ' + ( ('0'!='0')? 'Development' : 'Production')"


 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用thymeleaf模板引擎进行数据回显时,你遇到了一些问题,特别是在select框回显方面。你尝试了两种方法来解决这个问题,但都遇到了一些限制。 在第一个尝试中,你尝试将值写死在选择项中,但这会导致耦合性太强,不适用于你的情况。 在第二个尝试中,你使用了thymeleaf的switch和case来进行判断,并将所有的selected属性设置为selected。但这种方法只能显示一个option,不能修改分类,所以也不适用。 对于thymeleaf的搜索框回显问题,我建议使用th:selected属性来判断哪个option应该被选中。你可以使用th:each指令遍历所有的选项,并使用th:selected="${type.id == 1}"来判断是否选中当前选项。这样可以根据数据库中的值来动态选中对应的选项。 以下是一个示例代码: <select th:name="tid"> <option th:each="type:${allCommodityType}" th:selected="${type.id == commodity.tid}" th:value="${type.id}" th:text="${type.typeName}" th:name="tid"></option> </select> 在这个示例中,通过使用th:selected="${type.id == commodity.tid}",根据数据库中的值来判断是否选中当前选项。注意替换commodity.tid为你实际的属性名。 希望这个解决方案能够帮助你解决thymeleaf搜索框回显的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [thymeleaf中的下框(select option)回显选中](https://blog.csdn.net/Hellowenpan/article/details/88680627)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值