Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
365
Error with Load on Demand with HierarchicalGrid and subgrids
posted

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.

Parents Reply Children
No Data