开发工具：Ideal

使用场景：Demo

前提：
       环境：Spring boot +Thymeleaf+easyui

引入thymeleaf模板引擎

 <html lang="en" xmlns:th="http://www.thymeleaf.org">

          Html页面引入easyui需要的文件

 <link href="/js/jquery-easyui-1.5.3/themes/gray/easyui.css" rel="stylesheet"/>

 <link href="/js/jquery-easyui-1.5.3/themes/icon.css" rel="stylesheet"/>

 <script src="/js/jquery-easyui-1.5.3/jquery.min.js"></script>

 <script src="/js/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>

 <script src="/js/jquery-easyui-1.5.3/locale/easyui-lang-zh_CN.js"></script>

当以标签属性创建easyui组件时，页面正常显示。
以标签属性创建easyui组件：

 <table class="easyui-datagrid" title="Basic DataGrid" style="width:700px;height:250px"

        data-options="singleSelect:true,collapsible:true,url:'/getUsers',method:'get'">

     <thead>

         <tr>

             <th data-options="field:'id',width:80">Item ID</th>

             <th data-options="field:'name',width:100">姓名</th>

             <th data-options="field:'tel',width:80,align:'right'">电话</th>

         </tr>

     </thead>

 </table>

页面效果：

当以js形式创建组件时出现问题
以js创建easyui组件

 <table id="dg"></table>

 <script type="text/javascript">

     $(function(){

         $('#dg').datagrid({

             url: '/getUsers',

             method: 'get',

             title: '用户表',

             iconCls: 'icon-save',

             width: 800,

             height: 250,

             fitColumns: true,

             singleSelect: true,

             columns:[[

                 {field:'id',title:'Item ID',width:80},

                 {field:'name',title:'姓名',width:80},

                 {field:'tel',title:'电话',width:80}

             ]]

         });

     });

 </script>

效果：

后台报以下错误：

[THYMELEAF][http-nio-8080-exec-1] Exception processing template "user": Could not parse as expression: "

{field:'id',title:'Item ID',width:80},

{field:'name',title:'姓名',width:80},

{field:'tel',title:'电话',width:80}

" (template: "user" - line 26, col 27)

解决方式：
将

 <script type="text/javascript" >

改为

 <script type="text/javascript" th:inline="none">

总结：

在easyui页面中,script执行easyui自己的方法要加入:

 <script th:inline="none">

原文参考：https://blog.csdn.net/xlzwhq0000004/article/details/83144440

Spring boot+Thymeleaf+easyui集成：js创建组件页面报错的更多相关文章

  1. 【spring boot】使用注解@ConfigurationProperties读取配置文件时候 报错 org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name 'rocketmqAutoConfiguration': Unsatisfied dependenc

    如题,配置文件如下: #注册中心配置 eureka: instance: instanceId: ${spring.application.name}:${random.int} hostname: ...

  2. spring boot +Thymeleaf+mybatis 集成通用PageHelper，做分页

    controller: /**  * 分页查询用户  * @param request  * @param response  * @return  * @throws Exception  */ @ ...

  3. STS创建spring boot项目，pom.xml文件第一行报错

    亲测能用url地址:https://blog.csdn.net/jrx1995/article/details/100008552

  4. 关于spring boot 使用 mybatis plus INSERT的时候id报错

    mybatis plus 在INSERT的时候会默认自动设置插入id 我当时数据库采用的id自增. 在使用插入语句的时候并没有set  ID 但是它默认给了一大串 更改mybatis plus全局配置 ...

  5. Spring Boot 2.1.7 启动项目失败，报错: "Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could be configured."

    一开始按照网上的很多解决办法是: 启动类头部声明@SpringBootApplication(exclude= {DataSourceAutoConfiguration.class}),但是这样会排除 ...

  6. 9、Spring Boot 2.x 集成 Thymeleaf

    1.9 Spring Boot 2.x 集成 Thymeleaf 完整源码: Spring-Boot-Demos 1.9.1 在pom中引入依赖 <dependency> <grou ...

  7. spring boot + Thymeleaf开发web项目

    "Spring boot非常适合Web应用程序开发.您可以轻松创建自包含的HTTP应用.web服务器采用嵌入式Tomcat,或者Jetty等.大多数情况下Web应用程序将使用 spring- ...

  8. spring boot / cloud (三) 集成springfox-swagger2构建在线API文档

    spring boot / cloud (三) 集成springfox-swagger2构建在线API文档 前言 不能同步更新API文档会有什么问题? 理想情况下,为所开发的服务编写接口文档,能提高与 ...

  9. 【ELK】4.spring boot 2.X集成ES spring-data-ES 进行CRUD操作 完整版+kibana管理ES的index操作

    spring boot 2.X集成ES 进行CRUD操作  完整版 内容包括: ============================================================ ...

随机推荐

  1. JS模块化开发（三）——seaJs+grunt

    1.seaJs直接构建存在的问题 由于模块之间的依赖require引用的是模块名,当多个js模块被合并成一个时,会由于找不到模块名而报错 2.seaJs+grunt开发 用到的插件:grunt-cmd ...

  2. shell基础之bash

    一直单单知道部署服务器等命令,shell语言还没有用心学习过,简单的学习下以供不时之需 .sh:bash脚本文件 很多时候需要多个命令来完成一项工作,而这个工作又常常是重复的,这个时候我们自然会想到将 ...

  3. 列举一些 MacBook Pro 必需的外设和应用程序推荐

    来源:知乎 文章收录于:风云社区SCOEE,提供上千款mac软件下载 基于从事Apps设计或开发者,使用 MacBook Pro,以下罗列一些必需的外设和应用程序推荐. Retina 256GB SS ...

  4. Mac 上有哪些鲜为人知且极大提高效率的工具？

    来源:知乎文章收录于:风云社区SCOEE,提供上千款各类mac软件下载 1. Focus  功能: 屏蔽影响你学习的网站.  同类软件:Self Control, Rescue Time  特点 ...

  5. Linux基础入门教程

    Linux基础入门教程 --------- Linux学习路径 Linux学习者,常常不知道自己改怎么学习linux:Linux初级,也就是入门linux前提是需要有一些计算机硬件相关的知识或是有一下 ...

  6. label与input之间的对应

    实现点击文字对应的框可以被选中,再点击一下文字框又取消选中 label的for属性与input的id属性值对应,即可实现.

  7. 剑指Offer_编程题_12

    题目描述 给定一个double类型的浮点数base和int类型的整数exponent.求base的exponent次方. class Solution { public: double Power(d ...

  8. SQL语法基础之UPDATE语句

    SQL语法基础之UPDATE语句 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.查看UPDATE语句的帮助信息 1>.查看UPDATE的帮助信息 mysql> ? ...

  9. nGrinder TestRunner DNS / sun.net.spi.nameservice.NameServiceDescriptor

    s ngrinder3.3控制台验证脚本报错 http://ngrinder.642.n7.nabble.com/ngrinder3-3-td1301.html 目前发现3.3版本在控制台校验脚本报错 ...

  10. Rancher之Pipeline JAVA demo

    Rancher Pipeline Pipeline,简单来说,就是一套运行于Rancher上的工作流框架,将原本独立运行于单个或者多个节点的任务连接起来,实现单个任务难以完成的复杂发布流程. Ranc ...