javascript - loaderror - oncellselect jqgrid

jqGrid Sort or Search no funciona con columnas con notación json dot

Question

Tengo este jqGrid:

$("#report").jqGrid( {
url: ''/py/db?coll=report'',
datatype: ''json'',
height: 250,
colNames: [''ACN'', ''Status'', ''Amount''],
colModel: [ {name:''acn'', sortable:true},
{name:''meta.status'', sortable:true},
{name:''amount''} ],
caption: ''Show Report'',
rownumbers: true,
gridview: true,
rowNum: 10,
rowList: [10,20,30],
pager: ''#report_pager'',
viewrecords: true,
sortname: ''acn'',
sortorder: "desc",
altRows: true,
loadonce: true,
mtype: "GET",
rowTotal: 1000,
jsonReader: {
root: "rows",
page: "page",
total: "total",
records: "records",
repeatitems: false,
id: "acn"
}
});

Observe que la columna ''meta.status'' está en notación de puntos JSON y, en consecuencia, los datos enviados desde el servidor son los siguientes:

{"page": "1", "total": "1", "records": "5", "rows": [
{"acn":1,"meta": {"status":"Confirmed"}, "amount": 50},
{"acn":2,"meta": {"status":"Started"}, "amount": 51},
{"acn":3,"meta": {"status":"Stopped"}, "amount": 52},
{"acn":4,"meta": {"status":"Working"}, "amount": 53},
{"acn":5,"meta": {"status":"Started"}, "amount": 54} ] }

Los problemas son de doblez:

• La ordenación no funciona en columnas con notación de puntos, aquí "meta.status". Ni siquiera muestra los iconos ordenables en el encabezado de la columna, y no ocurre nada, incluso si se hace clic en el encabezado. La ordenación no funciona, independientemente de si loadonce es verdadero o falso.
• Si trato de buscar (después de configurar loadonce en verdadero) para la columna meta.status (otras columnas sin notación de puntos está bien), arroja un error de javascript como este.

Answer 1

Después de cambiar la definición de la última columna de {name:amount} a {name:''amount''} pude reproducir su problema: la clasificación en ''Estado'' no funciona, pero no pude ver ningún mensaje de error (ver la demostración )

Uno puede solucionar el problema si cambia la definición de la segunda columna de

{name:''meta.status'', sortable:true}

a

{name:''status'', sortable:true, jsonmap: "meta.status"}

Vea la demostración fija aquí .

Answer 2

Como regla general para evitar este problema:

1. Asegúrese de que su name y los valores de index sean los mismos

   name: ''Date'', index: ''Date'',
   name: ''Clicks'', index: ''Clicks'',
   ...

2. Asegúrese de establecer algo así como

   $("#jqGrid").setGridParam({datatype: ''local''}); 

   Y que cuando recargues la grilla, corriges esto a "JSON" al volver a cargar si lo estás usando, es decir,

   $("#yourGridID").setGridParam({datatype: ''json''}).trigger("reloadGrid");

3. Por último, asegúrese de usar

   name: ''Date'', index: ''Date'', sortable:true

   Donde lo necesitas