easyui-datagrid行資料field原樣輸出html標籤

王磊的部落格發表於2015-10-11

easyui-datagrid 繫結的行 field 原樣輸出html標籤。處理效果如圖:

 

Html頁面程式碼如下:

...
<tr>
        <th field="id" width="5" align="center">編號</th>
        <th field="name" width="20" align="center" data-options="formatter:formatEncodeHtml">名稱</th>
...

處理的js程式碼如下:

function formatEncodeHtml(value, row, index) {
    return encodeHtml(value);
}
this.REGX_HTML_ENCODE = /"|&|'|<|>|[\x00-\x20]|[\x7F-\xFF]|[\u0100-\u2700]/g;
function encodeHtml(s) {
    return (typeof s != "string") ? s :
            s.replace(this.REGX_HTML_ENCODE,
                    function ($0) {
                        var c = $0.charCodeAt(0), r = ["&#"];
                        c = (c == 0x20) ? 0xA0 : c;
                        r.push(c);
                        r.push(";");
                        return r.join("");
                    });
}