Flexigrid无法正常显示数据中包含的空格

问题原因&＃xff1a;

表格中的数据包含的空格无法正常显示&＃xff0c;如数据库中取出的数据为&＃39; 123 123      123 &＃39;&＃xff0c;显示出来后变为&＃39;123 123 123&＃39;首尾的空格全部消失了&＃xff0c;并且中间的多个空格被合并为一个

问题分析&＃xff1a;

按照html的标准&＃xff0c;空格即是&＃39; &＃39;&＃xff0c;对于&＃39; &＃39;&＃xff0c;ie浏览器会去除元素内容首尾的&＃39; &＃39;&＃xff0c;并将内容中间的多个&＃39; &＃39;合并为一个&＃39; &＃39;



123 123;123 123;123  123



 显示结果为&＃xff1a;

123 123&＃xff1b;123 123&＃xff1b;123 123

解决方式&＃xff1a;

使用js将数据中的&＃39; &＃39;替换为   

re &＃61; /(\s)/g;
str &＃61; str.replace(re,&＃39; &＃39;);

但是由于表格实现是使用的flexigrid&＃xff08;并非标准&＃xff0c;有很多修改&＃xff0c;但无论是何种修改&＃xff0c;只要有具体的思路&＃xff0c;debug后就会发现问题所在&＃xff09;

其中表格每一行的数据是按如下方式生成的&＃xff1a;

var ths &＃61; $(&＃39;thead tr:first th&＃39;, g.hDiv);
var thsdivs &＃61; $(&＃39;thead tr:first th div&＃39;, g.hDiv);
var tbhtml &＃61; [];
tbhtml.push("");
if (p.dataType &＃61;&＃61; &＃39;json&＃39;) {if (data.rows !&＃61; null) {$.each(data.rows, function(i, row) {tbhtml.push("");var trid &＃61; row.id;$(ths).each(function(j) {var tddata &＃61; "";var tdclass &＃61; "";tbhtml.push("");if (idx &＃61;&＃61; "-1") { //表格第一列的checkboxdiv.push("row.id, "&＃39;class&＃61;&＃39;itemchk&＃39; value&＃61;&＃39;", row.id, "&＃39;/>");if (tdclass !&＃61; "") {tdclass &＃43;&＃61; " chboxtd";} else {tdclass &＃43;&＃61; "chboxtd";}}else {var divInner;if(this.bindCell){divInner&＃61;row.cell;}else{divInner&＃61;row.cell[idx] || " ";}if (this.process) {divInner &＃61; this.process(divInner, trid);}//以下注释部分为我的修改方式
/* alert(divInner);if(divInner!&＃61;null && typeof(divInner) &＃61;&＃61; &＃39;string&＃39;){sub &＃61; /");if (tdclass !&＃61; "") {tbhtml.push(" class&＃61;&＃39;", tdclass, "&＃39;");}tbhtml.push(">", div.join(""), "");});tbhtml.push("");});}
}
else if (p.dataType &＃61;&＃61; &＃39;xml&＃39;) { ......
}
tbhtml.push("");

具体实现方式就是将整个页面写入js变量中然后展示&＃xff0c;但是有时候表格的每一列并不是只是数据

有时divInner会是" 123 123"这种格式&＃xff08;非单纯的数据了&＃xff0c;还有一些式样&＃xff09;

这时候只是简单的将&＃39; &＃39;替换为&＃39; &＃39;已经出现问题了

" 123 123"会被替换成" 123 123"

font标签出现错误导致html的解析出现错误&＃xff0c;整个页面都无法显示

还没有什么好的方式&＃xff0c;只能先不对包含&＃39;<&＃39;和&＃39;>&＃39;的字符串进行处理