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.pswp.cn/news/451241.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/451241.shtml
英文地址,請注明出處:http://en.pswp.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下來的…