JqG​​rid – 合并网格列模型javascript和JSON响应

是否可以将Column Model javascript文件和原始数据JSON响应合并到1个文件中？

奥列格 – 你走了：

JSON – codes.json

{ "codes":[ { "code" : "WFH - Work From Home" }, { "code" : "OST - Onsite" } ]} 

dataUrl和buildSelect – 这是绘制一个空的选择框

  editoptions: { dataUrl: 'http://localhost/json/codes.json', type: "GET", dataType: "json", contentType: "application/x-javascript; charset=utf-8", async: "true", buildSelect: function(response){ var s = ''; $.each(response.codes, function(index, codes){ s.append(""+codes.code+""); }); return s + ''; } }}, 

Answer 1

您应该将buildSelect的代码修改为以下内容

 buildSelect: function (data) { var s = '', codes, i, l, code, prop; if (data && data.codes) { codes = data.codes; for (i = 0, l = codes.length; i < l; i++) { code = codes[i]; // enumerate properties of code object for (prop in code) { if (code.hasOwnProperty(prop)) { s += '' + code[prop] + ''; break; // we need only the first property } } } } return s + ""; } 

此外，您应该使用ajaxSelectOptions来设置相应的$.ajax请求的任何选项，如果它从服务器获取数据，则为jqGrid。 无论如何，您应该使用相对URL，如json/codes.json或/json/codes.json而不是http://localhost/json/codes.json 。

ajaxSelectOptions参数的示例可以是以下内容

 ajaxSelectOptions: { dataType: 'json', cache: false } 

如果确实需要contentType: "application/x-javascript; charset=utf-8"则可以将其添加为ajaxSelectOptions附加属性。

如何从演示中看到，通过上面的buildSelect函数，您的JSON数据将正确生成选择。 选择看起来像

  WFH - Work From Home OST - Onsite