jQuery Grid Plugin - jqGrid

OK, I solved the sytax problem:  Now my subgrid in a grid headings show up nut not the data.  Firebug shows valid json subgrid data being returned but it's not showing in the grid.  Do I need to change the json reader values?

Please help.  thanks - Jim

 <script>
 $(document).ready(function()
  {
   $("#list").jqGrid(
   {
    url:'Users.cfc?method=GetAllCases&myacct=<cfoutput>#session.bizorg_objid#</cfoutput>', //CFC that will return the users
    datatype: 'json', //We specify that the datatype we will be using will be JSON
    colNames:['Case Number','Priority','Site ID','Site Name','Status','Problem','Created','','','',''], //Column Names
    //The Column Model to define the data. Note you can make columns non sortable, specify width, alignment, etc.
    colModel :[
        {name:'x_object_id',index:'x_object_id', align:"center", sorttype:"string", width:80},
     {name:'x_priority',index:'x_priority',  align:"center", sorttype:"string", width:80},
     {name:'x_site_id',index:'x_site_id',  align:"center",sorttype:"string", width:90},
     {name:'x_site_name',index:'x_site_name',  align:"center",sorttype:"string", width:150},
     {name:'x_status',index:'x_status',  align:"center", sorttype:"string", width:100},
     {name:'x_title',index:'x_title',  align:"left", sorttype:"string", width:300},
     {name:'x_creation_dt',index:'x_creation_dt',  align:"center", sorttype:"string", width:200},
     {name:'objid',index:'objid', hidden:true},
     {name:'x_object_objid',index:'x_object_objid', hidden:true},
     {name:'x_parent_objid',index:'x_parent_objid', hidden:true},
     {name:'x_parent_type',index:'x_parent_type', hidden:true}
    ],
    afterInsertRow : function(rowid,rowdata,rowelem) {
    if (rowdata.x_parent_type == "children" && rowdata.x_parent_objid == 0)
     {
        $("#"+rowid+" td:eq(0)").empty().unbind("click");
         }  
     },
    width:1000,
    pager: $('#pager'), //The div we have specified, tells jqGrid where to put the pager
    rowNum:20, //Number of records we want to show per page
    //rowList:[4,8,12], //Row List, to allow user to select how many rows they want to see per page
    sortorder: "desc", //Default sort order
    sortname: "x_object_id", //Default sort column
        //myDSN: "ClarifySMST", // pass in required vars
    viewrecords: true, //Shows the nice message on the pager
    imgpath: 'themes/coffee/images', //Image path for prev/next etc images
    caption: 'Open Cases', //Grid Name
    height:'auto', //I like auto, so there is no blank space between. Using a fixed height can mean either a scrollbar or a blank space before the pager
    recordtext:'Total Records', //On the demo you will notice "7 Total Records" - The Total Reocrds text comes from here
    pgtext:'of',//You notice the 1/3, you can change the /. You can make it say 1 of 3
    postdata: "",  // my account
    editurl:"Users.cfc?method=GetAllCases",//Not used right now.
    toolbar:[true,"top"],//Shows the toolbar at the top. I will decide if I need to put anything in there later.
    subGrid: true, // make it a subgrid
          subGridRowExpanded: function(subgrid_id, row_id) {
      // we pass two parameters
       // subgrid_id is a id of the div tag created within a table
       // the row_id is the id of the row
    // If we want to pass additional parameters to the url we can use
    // the method getRowData(row_id) - which returns associative array in type name-value
       // here we can easy construct the following
         var subgrid_table_id;
      
       var rowdata = jQuery("#list").getRowData(row_id);

       subgrid_table_id = subgrid_id+"_t";
          jQuery("#"+subgrid_id).html("<table id='"+subgrid_table_id+"' class='scroll'></table>");
          jQuery("#"+subgrid_table_id).jqGrid({
            url:"Users.cfc?method=GetSubCases&x_object_id="+rowdata.x_object_id,
              datatype: "json",
                 colNames: ['Subcase ID','Create D/T','Category','Priority','Status','Description'],
              colModel: [
              {name:"x_object_id",index:"x_object_id",width:80,key:true},
              {name:"x_creation_dt",index:"x_creation_dt",width:130},
              {name:"x_category",index:"x_category",width:80,align:"right"},
                 {name:"x_priority",index:"x_priority",width:80,align:"right"},          
              {name:"x_status",index:"x_status",width:100,align:"right",sortable:false},
     {name:"x_title",index:"x_title",width:100,align:"right",sortable:false}
                        ],
       height: 100,
             rowNum:20,
             imgpath: 'themes/coffee/images', //Image path for prev/next etc images,
             sortname: 'num',
             sortorder: "asc"
           })
       },
  
  //  subGridUrl: 'Users.cfc?method=GetSubCases', //CFC that will return the users
  //  subGridModel: [{
  //     name: ['SubCase No','Priority','Creation Date','Problem'], //Column Names
  //     width: [100, 100, 175, 300],
  //     params: ['x_object_id']}
  //  ],

    //The JSON reader. This defines what the JSON data returned from the CFC should look like
    jsonReader: {
     root: "ROWS",
     page: "PAGE",
     total: "TOTAL",
     records:"RECORDS",
     cell: "",
     id: "0",
     subgrid: {root: "ROWS", repeatitems: true, cell: "",id:"0"}
     }
    }
   );   
   
  }
 );  // end of document ready
 
 $("#t_list").css("color","red");
 //

 </script>

Tony,

I solved my problem by added a second jsonReader into the deifinition of the subGrid.  I was following the example in the documentation (Oct 08)-page 87.

Perhaps you need to revise that example to show the jsonReader in that subGrid code block.

Thanks, Jim