javascript - jqgrid内联编辑显示nbsp;而不是一列的空格

Question

jqgrid 列包含电话号码。

对于一行，如果内联编辑已开始，则显示   字符而不是空格:

之前:

编辑开始后:

保存后nbsp;也保存在电话号码中。如何解决或诊断此问题？

如果使用表单编辑，这些字符也会出现。电话号码也包含空格的其他行会正确显示。该行中的其他列也可以正确显示。

本栏目模型:

{"label":"Telefon","name":"Telefon","index":"Telefon","editoptions":{"maxlength":25,"size":25,"dataEvents":[{"type":"change","fn":function(e) {dataChanged(e.target)}
},{"type":"focus","fn":function(e) {if(typeof e.target.ischanged=='undefined') {e.target.ischanged=false}}
}],"readonly":null,"class":null,"disabled":null},"editable":true,"width":66,"classes":null,"hidden":false,"searchoptions":{"sopt":["cn","eq","ne","lt","le","gt","ge","bw","ew","nc"]},"stype":"text"},

jqgrid 由服务器中的 json 数据填充:

{"total":1,"page":1,"rows":[{"id":"7","cell":[null,"","7","XXXanval Mll OÜ","Tarnija","","","","","","","","","","3 725 141 100","","","Ursel","","","","","","","","","","02","",""]}]}

正确填充的其他行包含类似的数据，也许填充了更多列。

jqgrid设置:

   $.extend($.jgrid.defaults, {
        mtype: 'POST',

        toppager: true,
        viewrecords: false,
        recordpos: 'center',
        pagerpos: 'right',
        rowList: [50, 500, 1000],
        rowNum: 50,
        rownumbers: true,
        onSelectRow: grid_onSelectRow,
        onSelectAll: grid_onSelectAll,
        multiselect: true,
        ajaxRowOptions: { async: true },
        scrollrows: true,
        prmNames: {  
            id: "_rowid", page: "_page", rows: "_rows", oper: "_oper", sort: "_sidx", order: "_sord",
            nd: "_nd"
        },
        loadui: 'block',
        cmTemplate: { fixed: true },
        autoencode: true,
        gridview: true,
  ...

Answer 1

问题存在于您的输入数据中。您提供的数据不正确。真实数据已包含 non-breaking space 。您的服务器返回的 JSON 数据不是 "3 725 141 100"(里面有空格，空格的代码是 32 或 0x20)，而是 "3 725 141 100"(内部有不间断空格，代码为 160 或 0xA0)。

HTTP 流量中的 UTF-8 编码数据如下所示

解码后的数据如下

上图显示了以十六进制格式显示的原始 JSON 数据的片段。我用绿色标记标准空间，用红色标记从服务器返回的数据中使用的空间。要解决这个问题，您应该在数据库、服务器代码或客户端 JavaScript 代码中规范化数据。无论如何，您应该将所有不需要的不间断空格替换为标准空格。