thymeleaf中使用layui 的自动化表格显示对象的某一属性值(格式化输出)

 类似easyui 的formatter

网上没找到方法,最后看的官方文档自己试着可以用了,时间 超链接 同理

分页返回blog list  blogType对象无法直接在表格中显示 需要使用 ,templet:


js

<script th:inline="javascript" type="text/javascript" id="blogType">
	 {{#  if( d.blogType != null){ }}
    		{{ d.blogType.typeName }}
 	 {{#  }  }}
 	 
</script>
表格
<thead>
			<tr>
				<th lay-data="{checkbox:true, fixed: true}"></th>
				<th lay-data="{field:'id', width:'50', sort: true, fixed: true}">编号</th>
				<th lay-data="{field:'title', width:'250'}">标题</th>
				<th lay-data="{field:'releaseDate', width:'200', sort: true}">发布日期</th>类型
				<th id="blogType"
					lay-data="{field:'blogType', width:'200',templet: '#blogType'}">博客类型</th>
				<th
					lay-data="{fixed: 'right', width:'250', align:'center', toolbar: '#barDemo'}"></th>
			</tr>
		</thead>

这样就可以显示了

补:如果显示正常但是浏览器报错在{ {}} 可以选择修改layui的默认模板标签({{ }}) 可能是和thymeleaf冲突,而且不同浏览器对这个处理不同。

templet属性值 是id,该id也是js代码块的id,通过使用d.var引用该表格中的字段即可,{{# 这里是写js代码}} {{这里填变量,直接输出}} 如果是html就不需任何标签了。
注意html不能在{{# }} {{}}中更加具体看API 。


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值