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

Question

jqgrid 列包含电话号码。

对于一行，如果内联编辑已经开始，  字符会出现而不是空格：

之前：

编辑开始后：

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

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

本栏colmodel：

{"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 编码数据看起来像

解码后的数据看起来像

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