easyui-datagrid特殊字符不能显示的处理方法
发布于 2017-07-20 03:45:46 | 255 次阅读 | 评论: 0 | 来源: 网友投递
EasyUI jQuery UI插件
jQuery EasyUI是一组基于jQuery的UI插件集合，而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript，也不需要对css样式有深入的了解，开发者需要了解的只有一些简单的html标签。
下面小编就为大家带来一篇easyui-datagrid特殊字符不能显示的处理方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在easyui中datagrid、combobox、tree等组件都不能显示含有html标签的特殊字符，因为这些字符会被当作html标签被解析掉。这里给出了一个处理方案，希望对大家有帮助。
以datagrid为例：
找到jquery.datagrid.js文件，在其中添加如下方法：
function escapeHtml(s) {
if (s === undefined) {
return s;
} else {
s = String(s === null ? "" : s);
return s.replace(/&/g, "&").replace(/</g, "<").replace(/>/g,">")
.replace(/"/g, """).replace(/'/g, "'"); // &，大于，小于，双引号，单引号
}
}
找到js中formatter方法所在位置：
else {
if (col.formatter) {
cc.push(col.formatter(_1df, _1dc, _1db));
} else {
cc.push(_1df);
}
}
修改为：
else {
if (col.formatter) {
cc.push(col.formatter(escapeHtml(_1df), _1dc, _1db));
} else {
cc.push(escapeHtml(_1df));
}
}
这样尖括号就会被转义，datagrid就能显示标签符号了。
以上这篇easyui-datagrid特殊字符不能显示的处理方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持phperz。
推荐阅读
最新资讯