这里有新鲜出炉的精品教程,程序狗速度看过来!
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。
来源: http://www.phperz.com/article/17/0720/334117.html