JqGrid 显示加载成功，但不挂载网格

Question

我的网站上有一个网格。我使用 jqGrid。发生的事情是，当数据返回请求时，它们的格式是正确的，因为 jqGrid 本身进入 LoadComplete 方法，但它不会在 Grid 中加载数据。
Javascript 是 JqGrid:

$(document).ready(function () {
  $("#jqGrid").jqGrid({
    url: 'adm/controller/medico.php?acao=listarMedico',
    mtype: "POST",
    styleUI : 'Bootstrap',
    datatype: "json",
    colModel: [
      { label: 'id', name: 'idMedico', key: true, width: 75, hidden:true },
      { label: 'Nome', name: 'nomeMedico', width: 75 },
      { label: 'CRM', name: 'crmMedico', width: 150 },
      { label: 'Especialidades', name: 'especialidadesMedico', width: 150 },
      { label: 'Endereço', name: 'enderecoMedico', width: 150 },
      { label: 'Telefone', name: 'telefoneMedico', width: 150 }
    ],
    viewrecords: true,
    rowNum: 20,
    rowList: [20, 40, 100],
    //height: "auto",
    height: 400,
    emptyrecords: "Nenhum médico com o filtro selecionado",
    loadtext: "Buscando e carregando...",
    rowNum: 20,
    pager: "#jqGridPager",
    caption: "Médicos Conveniados",
    loadComplete: function(data){
      console.log('sucesso');
      console.log(data);
    },
    loadError: function (xhr,st,err) {
      console.log('HTTP status code: ' + xhr.status + '\n' +
        'textStatus: ' + st + '\n' +
        'errorThrown: ' + err);
      console.log('HTTP message body (jqXHR.responseText): ' + '\n' + xhr.responseText);
    }
  });
});

PHP的return是这个JSON:

{"total":1,"page":1,"records":20,"rows":{"1":{"id":"1","cell":{"idMedico":"1","nomeMedico":"dsda","crmMedico"
:"jknjk","especialidadesMedico":null,"enderecoMedico":" ,  -  - ","telefoneMedico":"() "}},"2":{"id"
:"2","cell":{"idMedico":"2","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:" ,  -  - ","telefoneMedico":"() "}},"3":{"id":"3","cell":{"idMedico":"3","nomeMedico":"Henrique","crmMedico"
:"CRM","especialidadesMedico":null,"enderecoMedico":" ,  -  - ","telefoneMedico":"() "}},"4":{"id":"4"
,"cell":{"idMedico":"4","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:" ,  -  - ","telefoneMedico":"() "}},"5":{"id":"5","cell":{"idMedico":"5","nomeMedico":"Henrique","crmMedico"
:"CRM","especialidadesMedico":null,"enderecoMedico":"Endere\u00e7o , Bairro - \u00c1gua Doce do Norte
 - ES","telefoneMedico":"() "}},"6":{"id":"5","cell":{"idMedico":"5","nomeMedico":"Henrique","crmMedico"
:"CRM","especialidadesMedico":null,"enderecoMedico":"Endere\u00e7o , Bairro - \u00c1gua Doce do Norte
 - ES","telefoneMedico":"() "}},"7":{"id":"5","cell":{"idMedico":"5","nomeMedico":"Henrique","crmMedico"
:"CRM","especialidadesMedico":null,"enderecoMedico":"Endereco , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico"
:"() "}},"8":{"id":"5","cell":{"idMedico":"5","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico"
:null,"enderecoMedico":"Endereco , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"() "}},"9":{"id"
:"6","cell":{"idMedico":"6","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:" ,  -  - ","telefoneMedico":"() "}},"10":{"id":"7","cell":{"idMedico":"7","nomeMedico":"Henrique","crmMedico"
:"CRM","especialidadesMedico":null,"enderecoMedico":" ,  -  - ","telefoneMedico":"() "}},"11":{"id":"8"
,"cell":{"idMedico":"8","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"() "}},"12":{"id":"8","cell":
{"idMedico":"8","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"() "}},"13":{"id":"9","cell":
{"idMedico":"9","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"() "}},"14":{"id":"9","cell":
{"idMedico":"9","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endereco , Bairro - \u00c1gua Doce do Norte - ES","telefoneMedico":"() "}},"15":{"id":"10","cell":
{"idMedico":"10","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"(81) 98125-8886"}},"16":{"id"
:"10","cell":{"idMedico":"10","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endereco , Bairro - \u00c1gua Doce do Norte - ES","telefoneMedico":"() "}},"17":{"id":"11","cell":
{"idMedico":"11","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"(81) 98200-5300"}},"18":{"id"
:"11","cell":{"idMedico":"11","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"(81) 98125-8886"}},"19":{"id"
:"11","cell":{"idMedico":"11","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endereco , Bairro - \u00c1gua Doce do Norte - ES","telefoneMedico":"() "}},"20":{"id":"12","cell":
{"idMedico":"12","nomeMedico":"Henrique","crmMedico":"CRM","especialidadesMedico":null,"enderecoMedico"
:"Endere\u00e7o , Bairro - Afonso Cl\u00e1udio - ES","telefoneMedico":"(81) 98200-5300"}}}}

有什么问题，有人可以帮助我吗？

Answer 1

您生成的数据格式似乎有误。 "rows" 属性的值看起来像

{
    "1":{"id":"1","cell":{"idMedico":"1",...}},
    "2":{"id":"2","cell":{"idMedico":"2",...}},
    ...
    "20":{"id":"12","cell":{"idMedico":"12",...}}
}

而不是

[
    {"id":"1","cell":["1",...]},
    {"id":"2","cell":["2",...}},
    ...
    {"id":"12","cell":["12"...]}
]

或更好

[
    {"idMedico":"1",...},
    {"idMedico":"2",...},
    ...
    {"idMedico":"12",...}
]

您应该更改 "rows" 属性返回数据的格式。

提醒一下，[]表示JSON序列化数组，{}表示JSON序列化对象.

JqGrid 显示加载成功，但不挂载网格

JqGrid shows success in load, but does not mount the Grid

javascript

jquery

json

jqgrid

JqG​​rid 显示加载成功，但不挂载网格

JqGrid shows success in load, but does not mount the Grid

javascript

jquery

json

jqgrid

JqGrid 显示加载成功，但不挂载网格