Issue while using d3.js with jqxgrid

[maximus2014Participant]

Hi,
I am using d3.js chart to display statistics graphically and jqxgrid to display the data. When the page loads, request is sent to the server to fetch database values. At first the chart is populated and later the grid. On page load/reload this works fine. D3.js chart has a ‘brush’ instance using which we can select a particular portion of the chart. In doing so, the request same request response process takes place as that of page load/reload. But the following error occurs :

Error: jqxGrid: The data is still loading. When the data binding is completed, the Grid raises the ‘bindingcomplete’ event. Call this function in the ‘bindingcomplete’ event handler.

Jqxgrid code is written as per the documentation. Thanks in advance.

[Peter StoevKeymaster]

Hi maximus2014,

Make sure that you use the Grid in the way demonstrated in our samples and make sure that you call a method, set a property after the Grid is ready for usage i.e set a property in its “ready” function or in its bindingcomplete callback. Also, please do not advertise third-party products on our website.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[maximus2014Participant]

Hi Stoev,

Which function should i call in the grid ‘ready’ function. Could you please send me a sample code. I just tested by adding $(“#jqxgrid”).jqxGrid(‘focus’); in ‘bindingcomplete’ event but the error still exists. Thanks in advance.

[Peter StoevKeymaster]

Hi maximus2014,

The error message which you receive is raised by us and the reason is that you set a property or call a method while the Grid’s binding is not yet completed. You should do that only after the binding is completed i.e in the bindingcomplete callback or in the “ready” callback of the widget. You should check your Grid’s initialization code and where and what exactly you do on your side.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts