请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

欣东微医疗技术论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 223|回复: 0

关于thhmeleaf和easyui冲突的解决

[复制链接]

486

主题

597

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
37650
QQ
发表于 2017-9-14 18:15:59 | 显示全部楼层 |阅读模式
easyui是一套基于jQuery的轻量级前台套件,datagrid很不错,和thymeleaf结合起来用可以提高开发效率
datagrid控件有两种模式,用html或javascript,分别显示如下
   html方式
   <table id="tdataTable" class="easyui-datagrid" style="width:auto;height:auto"
      url="/clinic/nurse/pages/eval/eval_search_typeid_E01" idfield="seq" striped="true" rownumbers="true"
      title="预防跌倒坠床风险评估记录" iconCls="icon-save" fitColumns="true" singleSelect="true" checkOnSelect="true" selectOnCheck="true" toolbar="#tb">
    <thead><tr>
        <th field="ck" checkbox="true" ></th>                 
        <th field="nursingTime" formatter="formatDateBoxFull" width="20">评估时间</th>
        <th field="nurseCode" width="10">评估护士</th>
        <th field="score" width="5">总分</th>
        <th field="riskLevel" width="5">风险程度</th>
        <th field="ages" width="20">年龄</th>
        <th field="conscious" width="10">意识</th>
        <th field="activity" width="10">行为能力</th>
        <th field="fallHis" width="10">近一年跌倒史</th>
        <th field="limbs" width="10">肢体功能</th>
        <th field="disease" width="10">疾病因素</th>
        <th field="drug" width="10">药物使用</th>
        <th field="nurseMeasures" width="30">护理措施</th>
    </tr></thead>
       </table>

    javascript模式
      <table id="dg"></table>   
      <script th:inline="none">
             $(function() {
    $('#dg').datagrid({
       url:'/clinic/nurse/pages/eval/eval_search_typeid_E01' ,
            width: auto,
            height: auto,
            columns: [[
                    { title: '评估时间', field: 'nursingTime', width: 20,editor: 'datetimebox', formatter: formatDateBoxFull },
                    { title: '评估护士', field: 'nurseCode', width: 10,editor:'text' },
                    { title: '总分', field: 'score', width: 5 },                  
                    { title: '风险程度', field: 'riskLevel', width: 5 },
          { title: '年龄', field: 'ages', width: 20 },
          { title: '意识', field: 'conscious', width: 10 },
                    { title: '行为能力', field: 'activity', width: 10 },
                    { title: '近一年跌倒史', field: 'fallHis', width: 10 },
                   { title: '肢体功能', field: 'limbs', width: 10 },
                   { title: '疾病因素', field: 'disease', width: 10 },
                   { title: '药物使用', field: 'drug', width: 10 },
                   { title: '护理措施', field: 'nurseMeasures', width: 10 }
                    ]],
            onClickRow: function (rIndex, rData) {
            
                var preIndex = $(this).data('PreIndex');
                if (preIndex != undefined && preIndex > -1) {
                    $(this).datagrid('endEdit', preIndex);
                }

                $(this).datagrid('beginEdit', rIndex);
                $(this).data('PreIndex', rIndex);
            }
        });
        
    });
     </script>   

  一般情况下都使用javascript模式更加灵活的设置参数,不过需要注意th:inline="none"这一句,thymeleaf3开始默认对
javascript支持内联,就是写不写th:inline="javascript"效果是一样的,不过不幸的是[[]]符号easyui和thymeleaf都作为
特殊符号使用,含义还不同,所以thymeleaf变量和easyui的js代码不能一起混用,必须用th:inline="none"显式声明不使用
thymeleaf内联解析。

           

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|eastwill.org  

GMT+8, 2017-12-15 17:57 , Processed in 0.020481 second(s), 9 queries , Apc On.

Powered by Eastwill! X3.2

© 2001-2013 Eastwill Inc.

快速回复 返回顶部 返回列表