Thymeleaf与JavaScript的踩坑

快来打我* 2023-01-16 06:52 160阅读 0赞

*  以前用jsp的时候，在js中用$\{abc\}就可以拿到后台model.addAttribute中key为abc的值，但是在Thymeleaf中，必须得先在js标签上这么写：

<script th:inline="javascript">

然后用\[\[ $\{abc\} \]\]拿到值，同时记住

<script th:inline="javascript">
        projects=JSON.parse([[${ subjects}]])
        layui.use('table', function(){ 
            var table = layui.table;
    
            //第一个实例
            table.render({ 
                elem: '#demo'
                ,height: 312
                ,cols:
                    [
                        [ //表头
                            { field: 'id', title: 'ID', width:80, sort: false, fixed: 'left'},
                            { field: 'subjname', title: '课设题目', width:80},
                            { field: 'teachername', title: '负责老师', width:80}
                        ]
                ],
                data:projects,//[{"id":"0","name":"adsf","teachername":"asdf"}],
                skin: 'line' //表格风格
                , even: true
                , page: true //是否显示分页
                , limits: [10, 20, 30]
                , limit: 10 //每页默认显示的数量
    
            });
    
        });
    </script>

里面的cols:\[\[……\]\]一定不能写成下面这样：

<script th:inline="javascript">

然后用\[\[ $\{abc\} \]\]拿到值，同时记住

<script th:inline="javascript">
    ………………
                cols:[[ //表头
                            { field: 'id', title: 'ID', width:80, sort: false, fixed: 'left'},
                            { field: 'subjname', title: '课设题目', width:80},
                            { field: 'teachername', title: '负责老师', width:80}
                        ]],
    ………………
    </script>

因为Thymeleaf会以为是内联\[\[$\{……\}\]\]，很扯。

发表评论取消回复

表情：

评论列表（有 0 条评论，160人围观）

还没有评论，来说两句吧...

相关阅读

相关 Thymeleaf中th:onclick的使用踩坑记录

input的checkbox选择框的点击事件，show函数中需要传入当前dom对象（this），还需要传入后台带过来的参数，试了好多次写法，都不行，就下面这种可以。记录下，

小鱼儿/ 2024年03月23日 11:29/ 0 赞/ 35 阅读

相关 Nginx配置与踩坑

系统平台：CentOS 7 安装Nginx 1.下载Nginx：[http://nginx.org/][http_nginx.org] ，选择需要的版本/downloa

淡淡的烟草味﹌/ 2023年10月05日 22:22/ 0 赞/ 31 阅读

相关踩过的坑

包装类型是否相等判断，一定要用equals 踩坑代码： fyjmall 项目的 CategoryServiceImpl -》getChildCategories方法

布满荆棘的人生/ 2023年02月10日 01:30/ 0 赞/ 450 阅读

相关 Thymeleaf与JavaScript的踩坑

以前用jsp的时候，在js中用$\{abc\}就可以拿到后台model.addAttribute中key为abc的值，但是在Thymeleaf中，必须得先在js标签上这么

快来打我*/ 2023年01月16日 06:52/ 0 赞/ 161 阅读

相关 javascript ==与!=的比较规则（加踩坑）

> 概述：使用 `==` 进行比较，当两个比较元类型不同时，会事先进行类型转换。(这也是其与 `===` 的本质区别) > 转换规则： > > 1. 当只有一方是 `

怼烎@/ 2022年12月21日 02:25/ 0 赞/ 137 阅读

相关 JavaScript 新手的踩坑日记

引语在1995年5月，Eich 大神在10天内就写出了第一个脚本语言的版本，JavaScript 的第一个代号是 Mocha，Marc Andreesen 起的这个名字

我会带着你远行/ 2022年05月25日 11:30/ 0 赞/ 256 阅读

相关 JavaScript if 判断null undefined 避免踩坑

const a = null, b = undefined, c = 0; console.log(a, b); if (a) console.

素颜马尾好姑娘i/ 2022年05月24日 02:16/ 0 赞/ 507 阅读

相关初学thymeleaf踩过的坑（@RestController和@Controller的区别）

1.问题重现（请求http://localhost:9090/world）返回的字符串而不是html页面 ![在这里插入图片描述][watermark_type_ZmFuZ

骑猪看日落/ 2022年04月24日 03:22/ 0 赞/ 199 阅读

相关 lombok踩坑与思考

From: [https://www.cnblogs.com/wuyuegb2312/p/9750462.html][https_www.cnblogs.com_wuyuegb

素颜马尾好姑娘i/ 2022年02月24日 04:28/ 0 赞/ 233 阅读

相关 Javascript踩坑记

字符串比较大小 JavaScript支持字符串比较大下，但如果想比较的字符串内容是数字，可能会出现问题，因为它是按照每个字符的`charCode`进行比较的。比如

Love The Way You Lie/ 2022年01月22日 06:43/ 0 赞/ 416 阅读