jqxGrid – reordering columns – server side pagination

[Roopa PendyalaParticipant]

Hi ,

We have implemented JqxGrid with server side pagination.
When we reorder the columns it works fine on Page 1. When we navigate to next pages the data doesnt get binded to the grid.
We can see that data coming from API call.
The reordered column is also binded to grid column.
When we call grid.updatebounddata() or grid.refreshdata() the grid is blank.We get below exception.

Any guidance or suggestion is much appreciated.Thanks.

core.js:4197 ERROR TypeError: Cannot read property ‘undefined’ of undefined
at jqxgrid.filter.js:8
at Function.each (jqxcore.js:8)
at c.<computed>._getcolumntypebydatafield (jqxgrid.filter.js:8)
at c.<computed>._initfilterpanel (jqxgrid.filter.js:8)
at c.<computed>._initmenu (jqxgrid.js:8)
at c.<computed>._render (jqxgrid.js:8)
at c.<computed>.render (jqxgrid.js:8)
at c.<computed>.propertyChangedHandler (jqxgrid.js:8)
at Object.push.aif6.b.jqx.setvalueraiseevent (jqxcore.js:15)
at Object.push.aif6.b.jqx.set (jqxcore.js:15)
defaultErrorLogger @ core.js:4197
handleError @ core.js:4245
(anonymous) @ core.js:28361
invoke @ zone-evergreen.js:364
run @ zone-evergreen.js:123
runOutsideAngular @ core.js:27364
tick @ core.js:28361
(anonymous) @ core.js:28240
invoke @ zone-evergreen.js:364
onInvoke @ core.js:27437
invoke @ zone-evergreen.js:363
run @ zone-evergreen.js:123
run @ core.js:27319
next @ core.js:28239
schedulerFn @ core.js:24801
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:24791
checkStable @ core.js:27373
onLeave @ core.js:27483
onInvokeTask @ core.js:27431
invokeTask @ zone-evergreen.js:398
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
invokeTask @ zone-evergreen.js:1621
globalZoneAwareCallback @ zone-evergreen.js:1658
core.js:4197 ERROR TypeError: Cannot read property ‘selectable’ of undefined
at c.<computed>._rendervisualrows (jqxgrid.js:8)
at l (jqxgrid.js:8)
at jqxgrid.js:8
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:27425)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at invokeTask (zone-evergreen.js:480)
at ZoneTask.invoke (zone-evergreen.js:469)
at timer (zone-evergreen.js:2552)

[HristoParticipant]

Hello Roopa Pendyala,

Please, provide us with more details.
The mentioned issue is looking like related to the filtering case.
Also, I would like to suggest you look at this tutorial:
https://www.jqwidgets.com/jquery-widgets-documentation/documentation/phpintegration/php-server-side-grid-paging-and-filtering.htm?search=
If this does not help please, provide us with one example (as simple as possible).

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts