After updating from angular 7 to 8 jqxGrid is broken

[BONDbATIFParticipant]

Hi Team,

Today I updated from Angular 7 to 8. And after updating my few things has been broken.
1)Data is not binding to the grid in Angular 8. Below is exception
ColorListComponent.html:151 ERROR TypeError: Cannot read property ‘length’ of undefined
at c.<anonymous> (jqxgrid.js:7)
at Function.each (jqxcore.js:7)
at b.(anonymous function)._rendercolumnheaders (file:///C:/workspaces/WebApps_1.0_ElectronApps/dist/apps/spot-pro/vendor.js:143311:111152)
at b.(anonymous function).rendergridcontent (file:///C:/workspaces/WebApps_1.0_ElectronApps/dist/apps/spot-pro/vendor.js:143311:103428)
at b.(anonymous function)._render (file:///C:/workspaces/WebApps_1.0_ElectronApps/dist/apps/spot-pro/vendor.js:143311:98913)
at b.(anonymous function).render (file:///C:/workspaces/WebApps_1.0_ElectronApps/dist/apps/spot-pro/vendor.js:143311:92783)
at b.(anonymous function).propertyChangedHandler (file:///C:/workspaces/WebApps_1.0_ElectronApps/dist/apps/spot-pro/vendor.js:143311:243291)
at Object.push…/../node_modules/jqwidgets-framework/jqwidgets/jqxcore.js.a.jqx.setvalueraiseevent (jqxcore.js:14)
at Object.push…/../node_modules/jqwidgets-framework/jqwidgets/jqxcore.js.a.jqx.set (jqxcore.js:14)
at Object.push…/../node_modules/jqwidgets-framework/jqwidgets/jqxcore.js.a.jqx.jqxWidgetProxy (jqxcore.js:14)

2)In one of my service, I imported jqxMenuComponent and assigning value to gridMenuId, but when I am trying to use gridMenuId, It is coming as undefined. But in Angular 7 it is working fine.

import { jqxMenuComponent } from ‘jqwidgets-framework/jqwidgets-ts/angular_jqxmenu’;
gridMenuId: jqxMenuComponent;

Thanks,
Gotam

[Peter StoevKeymaster]

Hi

You need to update also the jqwidgets version to the latest as only the latest includes angular 8 support.

Regards,
Peter

[BONDbATIFParticipant]

Hi,
That and all I already have done. I found the problem.

Thanks,
Gotam

[Author]

Posts