easyui-datagrid特殊字符不能顯示的處理方法
更新時(shí)間：2017年04月12日 10:15:33 投稿：jingxian
下面小編就為大家?guī)?lái)一篇easyui-datagrid特殊字符不能顯示的處理方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
在easyui中datagrid、combobox、tree等組件都不能顯示含有html標(biāo)簽的特殊字符，因?yàn)檫@些字符會(huì)被當(dāng)作html標(biāo)簽被解析掉。這里給出了一個(gè)處理方案，希望對(duì)大家有幫助。
以datagrid為例：
找到j(luò)query.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, "'"); // &，大于，小于，雙引號(hào)，單引號(hào)
}
}
找到j(luò)s中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));
}
}
這樣尖括號(hào)就會(huì)被轉(zhuǎn)義，datagrid就能顯示標(biāo)簽符號(hào)了。
以上這篇easyui-datagrid特殊字符不能顯示的處理方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
javascript 無(wú)限聯(lián)動(dòng)菜單效果代碼
javascript 無(wú)限聯(lián)動(dòng)菜單效果代碼，需要的朋友可以參考下。2010-04-04
這篇文章主要為大家介紹了微信小程序事件綁定傳參冒泡及捕獲的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步早日升職加薪2022-04-04
基于js實(shí)現(xiàn)微信發(fā)送好友如何分享到朋友圈、微博
微信瀏覽器內(nèi)置了javascript私有對(duì)象WeixinJSBridge，可以實(shí)現(xiàn)發(fā)送給朋友、分享到朋友圈、分享到微博等功能，本篇文章給大家介紹基于js實(shí)現(xiàn)微信發(fā)送給朋友如何分享到朋友圈、微博，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
JavaScript復(fù)制內(nèi)容到剪貼板的兩種常用方法
最近一個(gè)活動(dòng)頁(yè)面中有一個(gè)小需求，用戶(hù)點(diǎn)擊或者長(zhǎng)按就可以復(fù)制內(nèi)容到剪貼板，記錄一下實(shí)現(xiàn)過(guò)程和遇到的坑,需要的朋友可以參考下2018-02-02
對(duì)應(yīng)用到對(duì)textarea處理的朋友可以參考下?？刂频谋容^不錯(cuò)的代碼封裝。2010-11-11![JavaScript 新手24條實(shí)用建議[TUTS+]](http://img.jbzj.com/images/xgimg/bcimg5.png)
JavaScript 新手24條實(shí)用建議[TUTS+]
本文列出了24條能讓你的代碼編寫(xiě)過(guò)程更為輕松高效的建議。也許您還是JavaScript初學(xué)者，剛剛寫(xiě)完自己的Hello World，那這里有很多對(duì)您的工作將十分有用的小貼士；也許有些技巧您已經(jīng)知道，那就試試快速瀏覽一下，看能不能發(fā)現(xiàn)一點(diǎn)新東西吧！2009-06-06
JS實(shí)現(xiàn)的合并兩個(gè)有序鏈表算法示例
這篇文章主要介紹了JS實(shí)現(xiàn)的合并兩個(gè)有序鏈表算法,結(jié)合實(shí)例形式分析了JavaScript鏈表的定義、節(jié)點(diǎn)插入、刪除、查找等相關(guān)算法實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02
解決layui table表單提示數(shù)據(jù)接口請(qǐng)求異常的問(wèn)題
今天小編就為大家分享一篇解決layui table表單提示數(shù)據(jù)接口請(qǐng)求異常的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
前端常用判斷符號(hào)??，?.?，!?，!!?，||?，&&，?:用法示例
這篇文章主要給大家介紹了關(guān)于前端常用判斷符號(hào)??,?.?,!?,!!?,||?,&&,?:的相關(guān)資料,?在日常編寫(xiě)中,我們會(huì)頻繁使用以下幾個(gè)符號(hào),文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法詳解
這篇文章主要介紹了原生javascript制作的拼圖游戲?qū)崿F(xiàn)方法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript制作拼圖游戲的相關(guān)步驟、原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-02-02