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


Posted in Javascript onApril 12, 2017

在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特殊字符不能显示的处理方法

以上这篇easyui-datagrid特殊字符不能显示的处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
读jQuery之八 包装事件对象
Jun 21 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
javascript 正则表达式相关应介绍
Nov 27 Javascript
jQuery.buildFragment使用方法及思路分析
Jan 07 Javascript
JS查找字符串中出现最多的字符及个数统计
Feb 04 Javascript
js实现京东轮播图效果
Jun 30 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
Element-UI Table组件上添加列拖拽效果实现方法
Apr 14 Javascript
Vue中在新窗口打开页面及Vue-router的使用
Jun 13 Javascript
Vue源码解读之Component组件注册的实现
Aug 24 Javascript
React Native开发封装Toast与加载Loading组件示例
Sep 08 Javascript
微信小程序实现左右列表联动
May 19 Javascript
JavaScript数据结构中串的表示与应用实例
Apr 12 #Javascript
javascript数据结构之串的概念与用法分析
Apr 12 #Javascript
详解RequireJS按需加载样式文件
Apr 12 #Javascript
JS表格组件神器bootstrap table使用指南详解
Apr 12 #Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 #jQuery
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 #Javascript
JavaScript模块化之使用requireJS按需加载
Apr 12 #Javascript
You might like
推荐文章系统(一)
2006/10/09 PHP
BBS(php &amp; mysql)完整版(一)
2006/10/09 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
PHP常用编译参数中文说明
2014/09/27 PHP
yii权限控制的方法(三种方法)
2015/12/28 PHP
javascript验证身份证完全方法具体实现
2013/11/18 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
BootStrap下jQuery自动完成的样式调整
2016/05/30 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
分享JS表单验证源码(带错误提示及密码等级)
2020/01/05 Javascript
JavaScript实现简单计算器
2020/03/19 Javascript
JavaScript实现H5接金币功能(实例代码)
2021/02/22 Javascript
[01:14:12]2018DOTA2亚洲邀请赛4.7 总决赛 LGD vs Mineski 第二场
2018/04/09 DOTA
wxpython学习笔记(推荐查看)
2014/06/09 Python
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
解决python中遇到字典里key值为None的情况,取不出来的问题
2018/10/17 Python
pycharm: 恢复(reset) 误删文件的方法
2018/10/22 Python
Python minidom模块用法示例【DOM写入和解析XML】
2019/03/25 Python
Python3实现的旋转矩阵图像算法示例
2019/04/03 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
python实现视频压缩功能
2020/12/18 Python
三年级科学教学反思
2014/01/29 职场文书
年级组长自我鉴定
2014/02/22 职场文书
制作部班长职位说明书
2014/02/26 职场文书
普通话宣传标语
2014/06/26 职场文书
学校食堂食品安全责任书
2014/07/28 职场文书
公务员年度考核评语
2014/12/31 职场文书
小学教师自我评价
2015/03/04 职场文书
关于幸福的感言
2015/08/03 职场文书
2016年清明节红领巾广播稿
2015/12/17 职场文书
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python