Hi,
I am using IgGrid and on click of a certain button i am refreshing the grid data by setting the data source on the grid to a new url which makes an ajax call to get data.
Now my search is taking a lot of time to return the data, meanwhile on click of another button i would like to cancel the data refresh that is taking place.
Is there a method available in IGGrid to do that?
Thanks,
Sushma
Hello Sushma,
You need to make an ajax request and when the response is ready there assign it directly to the dataSource. Do not use dataSourceUrl at all.
And if the request is taking too long and the cancel button is clicked abort the ajax request you made for the data.
I got this working by aborting the ajax request made by the grid. Like this :
myGrid.dataSource._ajaxRequest.abort();
But the problem is it is writing this below error in console:
Uncaught Error: The remote request to fetch data has failed: ( abort ) at t.(anonymous function).(anonymous function)._renderData (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/IG/infragistics.lob.js:138:15534) at t.(anonymous function).(anonymous function)._renderData (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-ui-1.10.4.min.js:6:5029) at i (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:4:5488) at Class._errorCallback (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/IG/infragistics.core.js:271:2290) at l (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:4:24882) at Object.fireWith [as rejectWith] (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:4:25702) at k (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:6:5373) at Object.abort (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:6:3212) at HTMLAnchorElement.stopSearchButtonClicked (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/manh/insight/manh.ui.insightSearchPaneActions.js:1871:69) at HTMLDocument.dispatch (https://bwvd-rdscale06.asia.manh.com/SCALE/Scripts/jquery/jquery-2.0.3.min.js:5:10006)
I read in one of the posts that onRequestError can be impemented to avoid this error which is coming from renderData event of the grid.
Any idea how this can be done ?