thymeleaf 使用javascript定义数组报错

js中免不了的要用的数组，一维的二维的三维的

但是当用到thymeleaf作为模版时候会有一些坑，导致数组不能用

org.thymeleaf.exceptions.TemplateProcessingException: Could not parse as expression: "
                {checkbox: true, fixed: true}, {field: 'originalFileName', title: '文件名', width: 400, sort: true}, {field: 'fileType', title: '文件类型', width: 100}, {field: 'fileSize', title: '文件大小', width: 110, sort: true}, {field: 'createTime', title: '上传时间', width: 170, sort: true}, {field: 'dpStatus', title: '数据处理状态', width: 122, templet: '#statusTpl', sort: true}, {field: 'updateTime', title: '数据处理完成时间', width: 170, templet: '#updateTimeTpl', sort: true}, {fixed: 'right', title: '操作', align: 'center', width: 300, toolbar: '#operating'}" (template: "textManagement" - line 125, col 22)at org.thymeleaf.standard.expression.StandardExpressionParser.parseExpression(StandardExpressionParser.java:131)at org.thymeleaf.standard.expression.StandardExpressionParser.parseExpression(StandardExpressionParser.java:62)at org.thymeleaf.standard.expression.StandardExpressionParser.parseExpression(StandardExpressionParser.java:44)at org.thymeleaf.engine.EngineEventUtils.parseAttributeExpression(EngineEventUtils.java:220)

这里只接触最外层异常，而出现异常的位置

<script>var cols=[[{field:'checkBox',checkbox: true, fixed: true},{field:'username', title: '用户名'} //width 支持：数字、百分比和不填写。你还可以通过 minWidth 参数局部定义当前单元格的最小宽度，layui 2.2.1 新增,{field:'mobile', title: '手机号', sort: true},{field:'nickname', title: '昵称'},{field:'lastLoginTime', title: '最后登录时间'},{field:'ip', title: '最后登录ip', align: 'center'} //单元格内容水平居中,{field:'op',title: '操作', align:'center', toolbar: '#toolBars'} //这里的toolbar值是模板元素的选择器
    ]];
</script>

thymeleaf会把[[]]中的内容作为内联取值块解析，而不是数组。可以在cols的后面换行

解决办法：
方法一：回车换行如下：

, cols: [[ //表头{field: 'xxx', title: 'ID', width: 80, sort: true, fixed: 'left'}, {field: 'xxx', title: '记录日期', width: 80}, {field: 'xxx', title: '操作人ID', width: 80, sort: true}, {field: 'xxx', title: '', width: 80}, {field: 'xxx', title: '签名', width: 177}, {field: 'xxx', title: '积分', width: 80, sort: true}, {field: 'xxx', title: '评分', width: 80, sort: true}, {field: 'xxx', title: '职业', width: 80}, {field: 'xxx', title: '财富', width: 135, sort: true}]]

方法二：或者在script标签里 th:inline="none" 就可以了，默认是th:inline="text"

<script th:inline="none">
</script>

转载于:https://www.cnblogs.com/schoolbag/p/9679014.html

thymeleaf 使用javascript定义数组报错相关推荐

LabVIEW DLL传递一个二维数组报错
LabVIEW DLL传递一个二维数组报错当调用一个LabVIEW DLL时,首先需要声明处理程序变量并将其初始化为NULL,比如,在C中,代码如下所示: main() { /* Labvie ...
JavaScript定义数组
JavaScript定义数组 JavaScript中定义数组的方法: 定义时直接给数组元素赋值 var arr=[值1,值2,值3....] 定义一个空数组 var arr=[]; 定义一个空数组并通 ...
javascript 定义数组
output javascript 定义数组 input baidu javascript 定义数组 http://www.w3school.com.cn/js/js_obj_array.asp ...
前端JavaScript 常见的报错及异常捕获与处理方法
前言在开发中,有时,我们花了几个小时写的js 代码,在浏览器调试一看,控制台一堆红,瞬间一万头草泥马奔腾而来. 至此,本文主要记录js 常见的一些错误类型,以及常见的报错信息,分析其报错原因,并给予 ...
android ndk开发中初始化char数组报错问题
Android Studio报错: error: constant expression evaluates to -14 which cannot be narrowed to type 'char ...
Verilog hdl 宏定义编译报错
1.今天使用quartus 9.1 编译文本文件使用宏定义时编译器报错,不使用则正确.原因不明. 如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 ...
mybatis问题。foreach循环遍历数组报错情况，及其解决方法
根据条件查询数据列表,mybatis查询代码如下如果只查询属于特定部门拥有的数据权限.这需要用 String[ ] codes保存当前部门及其子部门的部门编码. 所以需要在mybatis中遍历编码数 ...
JavaScript数字金额报错undefined (reading ‘toFixed‘)
遇到Cannot read property 'toFixed' of undefined报错,不要慌首先我们看下基础用法: 这种情况一般是数据类型不是Number 或数据类型不明确导致的. 定义和用 ...
小程序字符串转数组报错情况
前两天转数组的时候发现一直报错,是这样写的: res.list[i].picUrls.split(",") 看似没什么问题,但由于没有考虑到空值,所以一直在报错.换成这样就好了. ...

thymeleaf 使用javascript定义数组报错

js中免不了的要用的数组，一维的二维的三维的

但是当用到thymeleaf作为模版时候会有一些坑，导致数组不能用

thymeleaf 使用javascript定义数组报错相关推荐

最新文章

热门文章