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