easyui-datagrid行数据field原样输出html标签

简介:

[摘要:easyui-datagrid 绑定的止 field 本样输出html标签。处置惩罚后果如图: Html页里代码以下:...<tr> <th field="id" width="5" align="center">编号</th] 

easyui-datagrid 绑定的行 field 原样输出html标签。处理效果如图:

\

 

Html页面代码如下:

[html]  view plain  copy
 
  1. ...  
  2. <tr>  
  3.         <th field="id" width="5" align="center">编号</th>  
  4.         <th field="name" width="20" align="center" data-options="formatter:formatEncodeHtml">名称</th>  
  5. ...  

处理的js代码如下:

[javascript]  view plain  copy
 
  1. function formatEncodeHtml(value, row, index) {  
  2.     return encodeHtml(value);  
  3. }  
  4. this.REGX_HTML_ENCODE = /"|&|'|<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;  
  5. function encodeHtml(s) {  
  6.     return (typeof s != "string") ? s :  
  7.             s.replace(this.REGX_HTML_ENCODE,  
  8.                     function ($0) {  
  9.                         var c = $0.charCodeAt(0), r = ["&#"];  
  10.                         c = (c == 0x20) ? 0xA0 : c;  
  11.                         r.push(c);  
  12.                         r.push(";");  
  13.                         return r.join("");  
  14.                     });  
  15. }  

 

 

本文转自左正博客园博客,原文链接:http://www.cnblogs.com/soundcode/p/7883743.html,如需转载请自行联系原作者

相关文章
|
16天前
HTML_表单标签
HTML_表单标签
16 0
|
3天前
|
存储 前端开发 JavaScript
【Web 前端】如何找到所有 HTML select 标签的选中项?
【5月更文挑战第2天】【Web 前端】如何找到所有 HTML select 标签的选中项?
|
5天前
|
编解码 移动开发 前端开发
【专栏:HTML与CSS移动端开发篇】使用Viewport Meta标签优化移动端显示
【4月更文挑战第30天】本文介绍了HTML的Viewport Meta标签在移动端网页优化中的作用。Viewport Meta标签定义了视口属性,如宽度、高度、初始缩放等,解决移动设备因屏幕尺寸差异导致的显示问题。主要属性包括width(常用device-width)、initial-scale、maximum-scale、minimum-scale和user-scalable。
|
5天前
|
移动开发 前端开发 开发者
【专栏:HTML进阶篇】网页结构与语义化标签进阶
【4月更文挑战第30天】提升网页结构清晰度和无障碍访问性,有利于SEO。这些标签为屏幕阅读器提供额外上下文,简化CSS样式设计,避免无意义的&lt;div&gt;和&lt;span&gt;。正确使用语义化标签是现代网页开发的关键,能创造更优质、易访问和优化的Web体验。
|
5天前
|
前端开发 JavaScript UED
【专栏:HTML基础篇】HTML列表与表格:展示数据的两种方式
【4月更文挑战第30天】本文探讨了HTML中的列表和表格两种元素在网页设计中的重要性。无序列表(`&lt;ul&gt;`)和有序列表(`&lt;ol&gt;`)用于呈现相关项目,前者常用于导航菜单,后者适合有序信息。表格(`&lt;table&gt;`)用于展示结构化数据,通过`&lt;tr&gt;`、`&lt;td&gt;`和`&lt;th&gt;`定义行和单元格。尽管简单,列表和表格在内容呈现和用户体验上起着关键作用。然而,响应式设计趋势下,表格可能被更灵活的布局替代,复杂数据展示则可借助JavaScript库提升交互性。正确使用这些基础元素能有效组织信息,创建优质网页。
|
7天前
|
前端开发 数据安全/隐私保护
Day-1 HTML基本标签和CSS常用样式
Day-1 HTML基本标签和CSS常用样式
|
10天前
html_ifream与父级窗口之间的数据传递(window和document)
html_ifream与父级窗口之间的数据传递(window和document)
13 0
|
16天前
|
数据采集 前端开发 网络协议
如何使用代理IP通过HTML和CSS采集数据
如何使用代理IP通过HTML和CSS采集数据
|
16天前
|
前端开发 容器
HTML_块级标签
HTML_块级标签
12 0
|
16天前
HTML_行内标签
HTML_行内标签
13 0