您的位置:首页 > 产品设计 > UI/UE

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

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

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



Html页面代码如下:

[html] view plain copy

...

<tr>

<th field="id" width="5" align="center">编号</th>

<th field="name" width="20" align="center" data-options="formatter:formatEncodeHtml">名称</th>

...

处理的js代码如下:

[javascript] view plain copy

function formatEncodeHtml(value, row, index) {

return encodeHtml(value);

}

this.REGX_HTML_ENCODE = /"|&|'|<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;

function encodeHtml(s) {

return (typeof s != "string") ? s :

s.replace(this.REGX_HTML_ENCODE,

function ($0) {

var c = $0.charCodeAt(0), r = ["&#"];

c = (c == 0x20) ? 0xA0 : c;

r.push(c);

r.push(";");

return r.join("");

});

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: