Final update on this thread.  For my issue it was a combination of my previous post on a bug from jQuery giving us errors when trying to trigger the subgrid.  But the main problem was as follows:

The subgrid was inherriting its datatype from the parent grid which was local.  We needed to explicitly set the subgrid type to xml as follows:

subgridtype: 'xml',

Regards, 

Lance

getting stuck on "loading" was either a jqgrid coding error or an error in my php script and not a bug in jqgrid.

Try commenting out sections of the jqgrid code and/or temporarally hard coding a vaiid

response from the php script.  Its called the process of elimination.

 error in Chrome 'loading' dialog never finishes
208 event.layerX and event.layerY are broken and deprecated in WebKit. They will be removed from the engine in the near future.
Please review http://stackoverflow.com/quest.....ent-layery 

I think the bug is fixed in the latest jQuery.  Let me know if that sorts it?

Hope that helps.

Regards,

Lance

I've configured a subgrid like below and when I try to expand the rows it just spins on "Loading" forever.  Using the network browser tools it looks like there's never actually a request made to the server. 

Can anyone advise on how to troubleshoot?

Thanks.

-Joe

var listDataURL = '/cms/getDashboardCampaignData.do';
	var initialPageSize = 20;
	var maxRecords = 10000;
	var pageSizes = [initialPageSize, 40, 80,  maxRecords];
	
	// jqGrid Configurations
	jq(function() {
		jQuery("#campaignPerformanceGrid").jqGrid({
		   	url:listDataURL,
			datatype: 'json',
			mtype: 'POST',
		   	colNames:['campaignID', '% Complete', 'CampaignName', 'Priority', 'CTR','Pricing Model','Start', 'More Info'],
		   	colModel:[
		   		{name:'campaignId',index:'campaignId',sorttype:"int", hidden:true},
		   		{name:'completionPercentage',index:'completionPercentage',sorttype:"float"},
		   		{name:'name',index:'name',sorttype:"text"},
		   		{name:'priority',index:'priority',sorttype:"int"},
    		    {name:'ctr',index:'ctr',sorttype:"float"},
    		    {name:'pricingModel',index:'pricingModel',sorttype:"text"},
    		    {name:'startDate',index:'startDate',sorttype:"date"},													
		   		{name:'campaignId', index:'campaignId', formatter:moreInfoFormatter, sortable:false}
		   	],
		   	postData: { },
			rowNum:initialPageSize,
		   	rowList:pageSizes,
        	height: "auto",
        	width: 800,
		   	//autowidth: true,
			altRows     : true,
			ignoreCase: true, //Filter and Sort is case-insensitive
		   	pager: '#pager',
		    viewrecords: true,
		   	sortname: 'name',
		    sortorder: "asc",
		    caption:"",
		    emptyrecords: "No data found",
		    loadonce: true,
		    loadComplete: function() { },
		    jsonReader : {
		        root: "rows",
		        page: "page",
		        total: "total",
		        records: "records",
		        repeatitems: false,
		        cell: "cell",
		        id: "id"
		    },
		    subGrid: true,
		    subGridUrl: '/cms/getDashboardCampaignSubGridData.do',
		    subGridModel : [ 
		      {
		      name  : ['flightId'],
		      width : [55],
		      align : ['left']
		      }
		    ]
		});
		
		// Set Label for rowList
		jQuery("#pager option[value=" + maxRecords + "]").text('All');
		
		
		// Navigation Toobar
		jQuery("#grid").jqGrid('navGrid','#pager',
			{add:false, del:false, edit:false, search:false, refresh:true, 
				beforeRefresh:function() {jq("#grid").jqGrid('setGridParam', {url:listDataURL, datatype:"json"}); }
			},
			{ }, //settings for edit
		    { }, // settings for add
		    { }, // settings for delete
			{}   // enable the advanced searching
		);
		/*
		jq("#grid").navButtonAdd('#pager',
				{ 	caption:"", 
					buttonicon:"ui-icon-plus", 
					onClickButton: showCreateAdvertiserPage,
					position: "last", 
					title:"Create New Advertiser", 
					cursor: "pointer"
				}
		);*/ 
		
		jQuery("#grid").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false});
		
	});