Hello, I currently have a hierarchical grid being populated with a DataSource like this:

var json = new $.ig.DataSource({
   responseDataType : "jsonp",
   type: "remoteUrl",
   dataSource: dataSource
});

$(gridName).igHierarchicalGrid({
// For load on demand
initialDataBindDepth : 0,
maxDataBindDepth : 1,
oData : true,
// Grid height/width
height : 665,
width : 1280,
//Footer
showFooter : true,
fixedFooters : true,
// Primary key and data relationships
primaryKey : "sysId",
dataSource: json,
// Column definition
autoGenerateColumns : false,
columns : [ {
headerText : "Rule ID",
key : "refDataId",
dataType : "number",
width : 100
}, {
headerText : "Rule Name",
key : "name",
dataType : "string",
width : 325
}, {
headerText : "Line of Business",
key : "linesOfBusiness",
dataType : "string",
width : 170
}, {
headerText : "State",
key : "states",
dataType : "string",
width : 130
}, {
headerText : "Transaction",
key : "transactions",
dataType : "string",
width : 200
}, {
headerText : "Rule Type",
key : "services",
dataType : "string",
width : 125
}, {
headerText : "Business Expression",
key : "businessExpression",
dataType : "string",
width : 200
}, {
headerText : "Begin Date",
key : "startDate",
dataType : "date",
format : "yyyy-MM-dd",
width : 150
}, {
headerText : "End Date",
key : "endDate",
format : "yyyy-MM-dd",
dataType : "date",
width : 150
}, {
headerText : "Action",
key : "action",
dataType : "string",
width : 125
}, {
headerText : "Product",
key : "products",
dataType : "string",
width : 100
}, {
headerText : "Policy Form",
key : "policyTypes",
dataType : "string",
width : 125
}, {
headerText : "Source System",
key : "sourceSystems",
dataType : "string",
width : 150
}, {
headerText : "Service",
key : "services",
dataType : "string",
width : 125
}, {
headerText : "UW Company",
key : "underwritingCompanies",
dataType : "string",
width : 150
}, {
headerText : "Condition",
key : "condition",
dataType : "string",
width : 125
}, {
headerText : "Dictionary ID",
key : "dictionaryIds",
dataType : "string",
width : 135
}, {
headerText : "Hold",
key : "status",
dataType : "string",
width : 100
}, {
headerText : "System Id",
key : "sysId",
dataTyp : "number",
width : 100
} ],
//Sub-grid columns
columnLayouts : [
{
childrenDataProperty: "associatedVariables",
foreignKey: "sysId",
primaryKey: "sysId",
autoGenerateColumns : false,
columns : [{key: "refDataId", headerText: "Variable ID"}]
}
],
});
});
}

The problem is whenever a row is expanded to load the data on demand through oData, I receive the following error:

Uncaught Error: The remote request to fetch data has failed: (parsererror) Cannot read property 'paging' of undefined

Being generated from: infragistics.ui.grid.framework.js:25

We are getting a response back, but why would this error be thrown?

Is there any reason that this is occurring?

As an additional note, the original datasource that I am connecting to is a Java webservice based off of JAX-RS Restful implementation.  Our content-type we are producing is "application/json".

Thanks.