类似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 。