I'm not 100% sure, but 3.1 version does not have this method. Upgrade to the latest stable. Or at least open grid.subgrid.js and see if this method is available.

Regards

Tony

jQuery("#grid2").jqGrid({
                  url:'${urlLlista0}',
                  datatype: 'json',
                   height: 250,
                   colNames:['Notes'],
                   colModel:[ {name:'note',index:'note', width:800, sortable:false}
                             ],
                             imgpath: '${jgridImgPath}',
                             multiselect: false,
                             subGrid : true,
                             caption: "Manipulating Array Data",
                             toolbar: [true,"bottom"],
                                loadError: function (xhr,st,err){                       
                                    alert(xhr.responseText()+" "+st+" "+err);
                                },   
                            gridComplete: function() {
                                    alert("cmplete");
                                    $("#grid2").expandSubGridRow("1");
                                },      
                             subGridRowExpanded: function(subgrid_id, row_id) {
                                         //alert(subgrid_id+"<>__<>"+row_id);
                                         // we pass two parameters
                                         // subgrid_id is a id of the div tag created whitin a table data
                                         // the id of this elemenet is a combination of the "sg_" + id of the row
                                         // the row_id is the id of the row
                                         // If we wan to pass additinal parameters to the url we can use
                                         // a method getRowData(row_id) - which returns associative array in type name-value
                                         // here we can easy construct the flowing
                                         var subgrid_table_id, pager_id;
                                         subgrid_table_id = subgrid_id+"_t";
                                         pager_id = "p_"+subgrid_table_id;
                                         $("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table><div id='"+pager_id+"' class='scroll'></div>");
                                         jQuery("#"+subgrid_table_id).jqGrid({
                                             url:"${urlLlista2}",
                                             datatype: "json",
                                             colNames:['${observacion}','${usuarioObs}','${fechaObs}','${borrar}'],
                                             colModel :[
                                                          {name:'observacion',index:'observacion', align:'left', width:420, editable:false, sortable:false},
                                                          {name:'usuarioObs',index:'usuarioObs', align:'left', width:150, editable:false, sortable:false},
                                                          {name:'fechaObs',index:'fechaObs', align:'left', width:75, editable:false, sortable:false},
                                                          {name:'acciones',index:'acciones', align:'center', width:75, editable:false, sortable:false}  
                                            ],
                                             rowNum:10, 
                                             imgpath: '${jgridImgPath}',
                                             sortname: 'num',
                                             sortorder: "asc",
                                             loadComplete: function(){
                                              var esBorrable = jQuery("#"+subgrid_table_id).getUserData();
                                              if ('N' == '${tareacom.swRealizado}'){
                                                  var ids = jQuery("#"+subgrid_table_id).getDataIDs();
                                                for(var i=0;i<ids.length;i++){
                                                    if (esBorrable[i] == 'S') {
                                                    be = "<img src='${delImg}' id='"+i+"img' width='16' height='16' border='0' title='Borrar Observación' onclick='delObservacion("+i+")'/>";
                                                    jQuery("#"+subgrid_table_id).setRowData(ids[i],{acciones:be});
                                                    }                           
                                                }
                                              }
                                            },    
                                             height: '100%' });
                                },
                                subGridRowColapsed: function(subgrid_id, row_id) {
                                            // this function is called before removing the data
                                            //var subgrid_table_id;
                                            //subgrid_table_id = subgrid_id+"_t";
                                            //jQuery("#"+subgrid_table_id).remove();
                                } 
                });
              $("#t_grid2").html(${addObservacion});
});

Could you please post the code or make a link to the problem?

Regards

Tony

I have a grid it has rows with subgrids which of them has some rows with images with onclick event.

Every time an image is clicked then a server-side acction is performed, but then I need to reload the subgrid so I need to update the values.

I have tryed :  $("#grid2_1").trigger("reloadGrid");

but is doesn't work, I have looked for in the documentation, but I haven't found anyhing.

Any Idea?

thanks in advance.

Josep Escofet