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, "&amp;").replace(/</g, "&lt;").replace(/>/g,"&gt;").replace(/"/g, "&quot;").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特殊字符不能显示的处理相关推荐

EasyUI Datagrid 鼠标悬停显示单元格内容复制代码
EasyUI Datagrid 鼠标悬停显示单元格内容第一种方式: 1.js 定义函数<script type="text/javascript"> //格式化单元格 ...
tab+easyui datagrid无法正常显示
问题: bootstrap的tab页签里用easyUI的datagrid数据表格,请求正常,数据返回正常.第一个页签只显示表头和分页数据不显示.其他页签正常显示. 如果指定初始显示第二个页签,则第二个 ...
easy-ui datagrid弹框显示选中行数据
1.CarUpdate.jsp (代码参考) <%@ page language="java" import="java.util.*" pageEnco ...
[easyui]datagrid鼠标移动显示单元格内容
当单元格内容过长无法完全显示怎么办? 如果鼠标移动到该单元格可以自动显示出所有文字内容就好啦. 这里提供两个思路给对应节点添加一个title属性,值就是节点的内容添加事件,移动到单元格就用一个to ...
SSh结合Easyui实现Datagrid的分页显示
近日学习Easyui,发现非常好用,界面很美观.将学习的心得在此写下,这篇博客写SSh结合Easyui实现Datagrid的分页显示,其他的例如添加.修改.删除.批量删除等功能将在后面的博客一一写来. ...
easyui datagrid 单元格内文本超出长度显示省略号
2019独角兽企业重金招聘Python工程师标准>>> easyui datagrid 单元格实现溢出文本显示省略号效果: 方案一:css方案,超出部分省略号 /*CSS*/ .da ...
easyui datagrid 列隐藏和显示
easyui datagrid 列隐藏和显示用js怎么控制列的显示和隐藏? 最佳答案 $('#grid').datagrid('hideColumn','列field');把hideColumn换成 ...
easyUI -datagrid表格数据不显示
出现easyUI -datagrid表格数据无法显示这种情况的可能原因有多方面的,可能是因情况而异吧,现在说一下日常做项目中我遇到过的这几个方面(原因二是我遇到过的,在网上看到也是常有的) 前提: 在 ...
jquery easyui datagrid 分页详解
http://www.cnblogs.com/huozhicheng/archive/2011/09/27/2193605.html 由于项目原因,用了jquery easyui 感觉界面不错,皮肤样 ...

easyui-datagrid特殊字符不能显示的处理

easyui-datagrid特殊字符不能显示的处理相关推荐

最新文章

热门文章