jqxgrid error in QA environment

[MiniParticipant]

Hi,
We are in Angular and using jqwidgets version 8.1.4. In jqxgrid, we have a custom column for masked input for Phone/SSN/Zipcode and using jqxmaskedinput for that. In the local dev environment it is working fine but in QA, it is throwing error ‘ERROR TypeError: i.jqxMaskedInput is not a function’. Just wondering if we are missing any references in QA ? Please help.

[HristoParticipant]

Hello Mini,

It sounds like the reference for the jqxMaskedInput is missing.
I mean the “jqxmaskedinput.js” file and the importing of that component in the “app.module.ts” file.
Or other Angular files where it is used.
Could you check for this?
Also, you could try to update to the latest version.

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[MiniParticipant]

Hi Hristo,
Thanks for the response. In angular only supported extension is .ts and I made sure that reference – “node_modules/jqwidgets-scripts/jqwidgets-ts/angular_jqxmaskedinput.ts” is added to all necessary files. Seems like it is failing in production mode. We turn on the production mode while building.

Thanks
Mini

[adminKeymaster]

Hi Mini,

Please, look at: https://www.jqwidgets.com/angular/angular-maskedinput/. It requires using jqwidgets-ng npm package and importing the masked input like that: import { jqxMaskedInputComponent } from ‘jqwidgets-ng/jqxmaskedinput’; The demos on the referenced page are with the latest jqwidgets version in production mode.

Regards,
Peter

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

[MiniParticipant]

Hi Peter,
Thanks for your response. I tried the approach suggested here . Still it is giving the same error. We are planning to upgrade to the latest version. We want to see if that helps.
Regards,
Mini

[Author]

Posts