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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/451241.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

解决:Failed to execute goal on project aopcore: Could not resolve dependencies for project com.cmos:

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 一、问题描述 maven工程 jar包无法下载&#xff0c;报错如下 &#xff1a; [ERROR] Failed to execute goal on project aopcore: Cou…

从Xbox和Zune中学到的四门创业课

导读&#xff1a;微软前娱乐与设备部门总裁Robbie Bach领导他的团队&#xff0c;实现了Xbox的畅销。然而&#xff0c;他领导该部门推出的Zune音乐播放器&#xff0c;却没那么成功。从Robbie这两个经历中&#xff0c;我们们能学到什么&#xff1f;本文是Robbie自己的总结&#x…

服务容错保护断路器Hystrix之七:做到自动降级

从《高可用服务设计之二&#xff1a;Rate limiting 限流与降级》中的“自动降级”中&#xff0c;我们这边将系统遇到“危险”时采取的整套应急方案和措施统一称为降级或服务降级。想要帮助服务做到自动降级&#xff0c;需要先做到如下几个步骤&#xff1a; 可配置的降级策略&am…

from表单提交和JSON区别

form表单是“键值对”的数据格式&#xff0c;例如&#xff1a; a1&b2&c3 而json格式则与之不同&#xff0c;如下&#xff1a; {"a":1,"b":2,"c":3} 传递的数据比较简单&#xff0c;那么两种方式基本上没什么大区别&#xff08;当然后台接…

在一个数组中,如何确定所需元素在数组中的位置.

package wac.wev.LianXi; public class CiShu {public static void main(String[] args){//创建一个数组int[] arr {101,23,123,34,13};int y Yuan(arr,13);System.out.println(y);}//1)明确返回值:int//2)明确形式参数:int[] arr 和 int value(value表示所需元素)public stati…

Java实现Excel导入数据库,数据库中的数据导入到Excel

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 实现的功能&#xff1a; Java实现Excel导入数据库&#xff0c;如果存在就更新数据库中的数据导入到Excel1、添加jxl.jar mysql-connect…

FreeBSD 10 将使用 Clang 编译器替换 GCC

来自 phoronix 的消息称&#xff0c;根据 FreeBSD 2012 第一季度的状态报告 显示&#xff0c;来自 LLVM 的 Clang 编译器将成为 FreeBSD 10 的默认 C/C 编译器&#xff0c;废弃使用 GPL 授权协议的 GCC&#xff0c;而 Clang 的授权协议是 BSD。 Clang 是一个 C 编写、基于 L…

HashMap中数组初始化的秘密

2019独角兽企业重金招聘Python工程师标准>>> 我们知道&#xff0c;在新建一个HashMap对象时&#xff0c;无论传的initialCapacity参数值为多少&#xff0c;最总HashMap中数组的长度始终为2的n次方&#xff0c;代码如下&#xff1a; static final int tableSizeFor(i…

PLSQL 安装+配置( Oracle数据库连接工具 )

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1.找到免安装版本 PLSQL 解压到自己想放的位置 &#xff08;比如 D:\ChengXu\PLSQL\PLSQL&#xff09; 2.配置环境变量 : 系统变量…

什么是Nginx?为什么使用Nginx?

一、前言为毛要用nginx服务器代理&#xff0c;不直接用tomcat 7.0&#xff0c;还做多了一次接请求&#xff1f;这个是我想问的&#xff0c;公司的新项目是要用Nginxtomcat7jdk开发的&#xff0c;用户命名可以直接访问tomcat&#xff0c;为啥还要用Nginx&#xff1f;这货是个啥玩…

遵循五大设计理念 打造出色设计师

与其他设计不同&#xff0c;网页设计会随着时间的改变而不断改变着。因此&#xff0c;网页设计师需要不断的自我提升&#xff0c;了解最前沿的设计趋势以便能够设计出更加新颖的网站。 两年前&#xff0c;网页设计呈现出一片新的思维方式和新颖的设计趋势使得该领域彰显出一片…

shell符号

*&#xff1a; 通配符 *.c &#xff1a; c结尾的文件 *v &#xff1a; v结尾的文件 v* &#xff1a; v开头的文件转载于:https://www.cnblogs.com/runlgs/p/9685751.html

伪共享和缓存行填充,Java并发编程还能这么优化!

前言 关于伪共享的文章已经很多了&#xff0c;对于多线程编程来说&#xff0c;特别是多线程处理列表和数组的时候&#xff0c;要非常注意伪共享的问题。否则不仅无法发挥多线程的优势&#xff0c;还可能比单线程性能还差。随着JAVA版本的更新&#xff0c;再各个版本上减少伪共享…

mysql中like % %模糊查询

1&#xff0c;%&#xff1a;表示任意0个或多个字符。可匹配任意类型和长度的字符&#xff0c;有些情况下若是中文&#xff0c;请使用两个百分号&#xff08;%%&#xff09;表示。 比如 SELECT * FROM [user] WHERE u_name LIKE %三% 将会把u_name为“张三”&#xff0c;“张猫三…

Java中判断字符串是否为数字的五种方法

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 推荐使用第二个方法&#xff0c;速度最快。 方法一&#xff1a;用JAVA自带的函数 Java代码 public static boolean isNumeric(String…

慕学在线网0.4_xadmin后台管理

admin是基于Django开发的后台管理框架&#xff0c;方便&#xff0c;快捷&#xff0c;而且简单&#xff1b;   而xadmin就相当于admin的升级版&#xff0c;更加强大。    1、安装xadmin&#xff08;源码安装方式&#xff09;  教程 PS&#xff1a; - 卸载pip安装的xadminp…

从一次换机器的过程谈软硬件的分离

今天把在公司使用的计算机更换了一台&#xff0c;原来是Dell的780&#xff0c;换成了Dell的790&#xff0c;机箱的样子变化比较大&#xff0c;但是里面硬件的配置变换并不大&#xff0c;最明显的变化就在于CPU&#xff0c;其他像内存、硬盘等等的配置与原来的计算机基本上一致。…

知其所以然~redis的原子性

原子性 原子性是数据库的事务中的特性。在数据库事务的情景下&#xff0c;原子性指的是&#xff1a;一个事务&#xff08;transaction&#xff09;中的所有操作&#xff0c;要么全部完成&#xff0c;要么全部不完成&#xff0c;不会结束在中间某个环节。 对于Redis而言&#xf…

JoinPoint的用法

JoinPoint 对象 JoinPoint对象封装了SpringAop中切面方法的信息,在切面方法中添加JoinPoint参数,就可以获取到封装了该方法信息的JoinPoint对象. 常用api: 方法名功能Signature getSignature();获取封装了署名信息的对象,在该对象中可以获取到目标方法名,所属类的Class等信息…

解决 No projects are available for deployment to this server!

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 如题&#xff0c;今天在尝试部署从SVN上down下来的项目时&#xff0c;发现不能被tomcat识别成web项目&#xff01;原因是SVN上down下来的…