本文介绍了如何处理EasyUI组件如datagrid、combobox、tree中无法显示HTML特殊字符的问题。通过在jquery.datagrid.js文件中添加escapeHtml方法，并修改formatter方法，可以确保尖括号等字符被正确转义，从而在datagrid中正常显示。这是一个有效的解决方案，适用于需要在EasyUI组件中展示包含HTML标签的数据。
在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, "'"); // &，大于，小于，双引号，单引号
}
}
找到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特殊字符不能显示的处理方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
扫一扫
1385
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
