Que tal, buenas a todos!!
Tengo un problema, quiero agregar multiples subgrids a un grid generado con JQGrid, es decir tener tres niveles
1 Grid
1.1 Subgrid 1
1.1.1 Subgrid 2
La cosa es que el primer subgrid si me funciona pero el subgrid 2 que debe de ser hijo del subgrid 1 me aparece en blanco. imagen de como me lo muestra:
una parte de mi codigo es el siguiente:
Código Javascript
:
Ver originalsubGrid: true,
subGridOptions: {
"plusicon" : "ui-icon-triangle-1-e",
"minusicon" : "ui-icon-triangle-1-s",
"openicon" : "ui-icon-arrowreturn-1-e",
// load the subgrid data only once
// and the just show/hide
"reloadOnExpand" : false,
// select the row when the expand column is clicked
"selectOnExpand" : true
},
subGridRowExpanded: function(subgrid_id, row_id) {
var subgrid_table_id, pager_id;
subgrid_table_id = subgrid_id+"_t";
pager_id = "p_"+subgrid_table_id;
$j_6("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
$j_6("#"+subgrid_table_id).jqGrid({
url:"grids/tdoctosDatosGrid.php?referencia="+row_id,
datatype: "json",
colNames: ['ref_id','ID','Tipo de Documento'],
colModel: [
{name:"ref_id",hidden: true,index:"ref_id",width:50, key: true},
{name:"id",index:"id",width:50},
{name:"nombre",index:"nombre",width:650},
],
rowNum:20,
pager: pager_id,
sortname: 'id',
sortorder: "asc",
loadError : function(xhr, st, str){alert("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);},
height: '100%',
//Inicia Subgrid de archivos
subGrid: true,
subGridOptions: {
"plusicon" : "ui-icon-triangle-1-e",
"minusicon" : "ui-icon-triangle-1-s",
"openicon" : "ui-icon-arrowreturn-1-e",
// load the subgrid data only once
// and the just show/hide
"reloadOnExpand" : false,
// select the row when the expand column is clicked
"selectOnExpand" : true
},
subGridRowExpanded: function(subgrid_id2, row_id2) {
subgrid_id2 = subgrid_id2.replace("|","");
var arr = row_id2.split('\|');
var subgrid_table_id, pager_id;
subgrid_table_id = subgrid_id2+"_t2";
pager_id = "p2_"+subgrid_table_id;
$j_6("#"+subgrid_id2).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
$j_6("#"+subgrid_table_id).jqGrid({
//url:"grids/doctosExpDatosGrid.php?tdocto_exp="+arr[1]+"&referencia="+arr[0],
url:"grids/doctosExpDatosGrid.php",
datatype: "json",
colNames: ['Referencia','Tipo de Documento','ID','Nombre Archivo','Nombre Documento','Fecha Documento'],
colModel: [
{name:"referencia", index:"referencia", width:150},
{name:"tdocto_exp", index:"tdocto_exp", width:150},
{name:"iddocto", index:"iddocto", width:150},
{name:"nombre_archivo", index:"nombre_archivo", width:200},
{name:"nombre_docto", index:"nombre_docto", width:200},
{name:"fecha_docto", index:"fecha_docto", width:150},
],
rowNum:20,
pager: pager_id,
sortname: 'fecha_docto',
sortorder: "asc",
loadError : function(xhr, st, str){alert("Type: "+st+"; Response: "+ xhr.status + " "+xhr.statusText);},
height: '100%'
});
$j_6("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})
}
//Termina Subgrid de archivos
});
$j_6("#"+subgrid_table_id).jqGrid('navGrid',"#"+pager_id,{edit:false,add:false,del:false})
}
Alguien me podria ayudar a ver en que parte tengo el error.
Gracias de antemano.