若依框架——Thymeleaf表格操作,单元格不以网页形式显示

今日,使用若依框架的显示单元格内容,结果内容没显示……

<forms version="2.1"><formExport><summary id="-6652135573354822065" name="formmain_22238"/><definitions><column id="field0001" type="0" name="测试文本" length="255"/></definitions><values><column name="测试文本"><value><![CDATA[年年岁岁花相似]]></value></column></values>  <subForms><subForm><definitions><column id="field0003" type="0" name="文本1" length="100"/><column id="field0004" type="0" name="文本3"  length="100"/></definitions><values></values></subForm></subForms></formExport></forms>

 页面如下:

  但是,其他类型表格那一列其他单元格内容能够正常显示。所以排除了字段对照错误。直接在column字段中,设置 th:utext 没有效果:

1 {
2     field: 'jsondata',
3     title: '传入json',
4     formatter: function(value, row, index) {
5          return "<div th:utext='" + value +"'></div>";
6     }
7 }

原因

原来,前面示例的字符串为xml字符串。单元格的字符串被解析为HTML网页。(以上内容,转换为HTML后,不显示内容)。

解决方案

由于对thymeleaf不了解,作为低手,有了不治本的解决方案(治本的解决方案,应该找到更源码的地方,设置单元格是否以html显示)。

方法一:把标签对应的大于号/小于号替换掉。

将括号"<"和“>”替换为html中的小于号和大于号。

1 {
2     field: 'jsondata',
3     title: '传入json',
4     formatter: function(value, row, index) {
5         return value.replaceAll("<", "&lt;").replaceAll(">", "&gt;");
6     }
7 }

 效果如下:

  这里能够完整的显示单元格内的文本。不过,有的时候,文本内容过长,我们会采用 $.table.tooltip ,截取单元格,让单元格弹出显示。

 这里,悬浮的字段单元格字段能按需求显示。只是弹出的内容仍然是HTML元素形式,未完全解决此问题。

方法二:将内容放在<xmp>标签内

1 {
2     field: 'jsondata',
3     title: '传入json',
4     formatter: function(value, row, index) {
5         return $.table.tooltip("<xmp>" + value + "</xmp>",20,"open");
6     }
7 }

此时,能够完整的显示单元格内容,只是单元格的自动换行和弹出的自动换行功能失效,还和其他单元格的内容混起来,不好看。

 

 

posted @   陆陆无为而治者  阅读(24)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
历史上的今天:
2023-01-13 【SQL Server 】Having——聚合函数的筛选
点击右上角即可分享
微信分享提示