在使用EasyUI框架進行開發時,常常會用到Json格式進行數據傳輸和渲染,但是在Json中存在回車符時卻會出現一些問題。
當Json數據中含有回車符時,EasyUI會將其轉義為“\n”字符串,導致無法正常顯示,例如:
{ "name": "張三", "age": "18", "intro": "我\n是\n張\n三" }
對應的頁面渲染為:
姓名:張三 年齡:18 簡介:我\n是\n張\n三
然而,我們希望的是把介紹信息格式化輸出,這時我們可以使用formatter函數對數據進行處理,例如:
function formatter(value, row) { var intro = row.intro.replace(/\\n/g, "
"); return intro; }
這里的replace函數將回車符替換為html的換行標簽“<br/>”,然后返回處理后的結果。
在EasyUI中,還有一些組件會自動對數據進行處理,如datagrid組件的自動換行,可以通過設置nowrap屬性為false來開啟:
$('#datagrid').datagrid({ nowrap: false, columns: [...], data: [...] });
以上就是關于EasyUI中Json回車符的處理方法,希望對您有所幫助。