Need a working example for igHierarchicalGrid in JQuery using either REST or ODATA settings with LOAD ON DEMAND

250

Vivek Vardhan posted over 9 years ago

Hi All,

I have an requirement that i need to load data on demand for igHierarchicalGrid. I am not able to give configuration of datasource using either ODATA or REST settings. What i need is, when user clicks on expand button, then there should be one request made to my server which returns data only for that subchild.

The major issue I am facing is not able to give datasource or dataUrl from which, data will be loaded on the fly. Whatever examples i am getting is for ASP.NET MVC, which is of no help to me. I tried setting the dataSource in ColumnLayout as path to my request, but I am getting error as:
Uncaught TypeError: Cannot read property '__deferred' of undefined

And also, i will need that while querying server, how can I send data or parameters in the request, the parameter should be set from the entries of the parent row which is getting expanded, NOT NECESSARY THE PRIMARY KEY

I tried the approach at http://ko.infragistics.com/community/forums/t/79652.aspx, but failed

Any sort of help will be appreciated

Regards,

Parents

No Data

Reply

23953

Offline Martin Pavlov posted over 9 years ago

Hello Vardhan, Vivek,

I'm wondering which version of oData protocol you're using? Do you have a sample for replicating your issue so I can investigate it?

Thanks in advance,
Martin Pavlov
Infragistics, Inc.
Cancel
Reply

Cancel

Children

250

Vivek Vardhan posted over 9 years ago in reply to Martin Pavlov

Hi,

I got the hierarchical grid working without ODATA,I am able o send the GET request to the server on expand and fetch the customized data. But, I have another issue, HOW CAN I CUSTOMIZE THE REQUEST sent to server.

My configs:

function getColumnConfigurationByLevels(configs,levels,businessDate){

var jsonData = new $.ig.JSONPDataSource({
dataSource: "myURL",
type: "remoteUrl",
requestType: 'post'
});

var hierarchicalGridConfigs={
width: "100%",
initialDataBindDepth: 0,
dataSource: jsonData,
oData:false,
rest:false,
autoGenerateLayouts: false,
autoGenerateColumns:false,
key:"myDate",
primaryKey:"id",
columns:getDefaultColumns(),
columnLayouts: getColumnLayouts(0,configs,levels-1)

};
return hierarchicalGridConfigs;
}
function getColumnLayouts(i,configs,levels){
var layouts=[];
var layout1={};
layout1["autoGenerateColumns"]= false;
layout1["odata"]= false;
layout1["primaryKey"]="id";
layout1["key"]=getKey(configs);
layout1["columns"]=configs[i];
if(i<levels){
layout1["columnLayouts"]=getColumnLayouts(++i,configs,levels);
}
layouts.push(layout1);
return layouts;
}

I am able to hit server on that URL, with parameters appended by igNite UI, but i want to customize it because I will NOT necessary send only key or primary key to server. I can need more information. How can i customize it.

When I click on expand button, URL generated is like myURL?id:value&layout:layout&pk=id&_=someNumber

Layout: is the key that I provides in the child layouts
ID: is Id of parent

I am not able to customize it

I want
1) A POST REQUEST
2) More customized parameters wher eI can send other information that primary key of parent grid
Cancel
Reply

Cancel