若依框架——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("<", "<").replaceAll(">", ">"); 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 }
此时,能够完整的显示单元格内容,只是单元格的自动换行和弹出的自动换行功能失效,还和其他单元格的内容混起来,不好看。
有志者,事竟成,破釜沉舟,百二秦关终属楚; 苦心人,天不负,卧薪尝胆,三千越甲可吞吴。
标签:
thymeleaf
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· 没有源码,如何修改代码逻辑?
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
2023-01-13 【SQL Server 】Having——聚合函数的筛选