Spring boot+Thymeleaf+easyui集成:js创建组件页面报错

开发工具:Ideal

       使用场景:Demo

前提:

       环境:Spring boot +Thymeleaf+easyui

        引入thymeleaf模板引擎

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

         Html页面引入easyui需要的文件

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

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





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

以标签属性创建easyui组件:

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

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

    

        

            

            

            

        

    
data-options="field:'id',width:80">Item IDdata-options="field:'name',width:100">姓名data-options="field:'tel',width:80,align:'right'">电话

       页面效果:

Spring boot+Thymeleaf+easyui集成:js创建组件页面报错_第1张图片

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

以js创建easyui组件

id="dg">

效果:

Spring boot+Thymeleaf+easyui集成:js创建组件页面报错_第2张图片

后台报以下错误:

       [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)

解决方式:


                    
                    

你可能感兴趣的:(Java菜鸟,spring,boot,themleaf,easyui,js)