Error in exportview of grid to export excel

[veerhunterParticipant]

Actually I can export the excel file from the Angular grid, but in this case, the app need to go to the other link(jqwidget.com/ … /dataexport.php).
But I really don’t want to open or go to the other link. The pdf export is working fine without opening new link.
So I would like to export excel file without opening new link like the pdf export.

So I tried to use exportview, but I am getting below error.
Error: b.jqx.dataAdapter.DataExporter is not a constructor

Here is the project where I am getting an error.
https://stackblitz.com/edit/github-mswrze

Please give me advice

[Yavor DashevParticipant]

Hi veerhunter,

The error is caused by missing references for some needed scripts by the exportview method and more specially the jqxexport.js.

If you are using you npm you can find this file in node_modules -> jqwidgets-ng -> jqwidgets, then copy it and paste it in the source folder of your project and refer it in your index.html file.

Let me know what you think!

Please, do not hesitate to contact us if you have any additional questions.

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[veerhunterParticipant]

As you can see the project, I am using Angular Grid.
Is it possible to get some example?

[Yavor DashevParticipant]

Hi veerhunter,

Even in Angular project you can refer scripts/css files in your index.html file which is located in your src.

I gave you detailed information how to add this functionality to you project you just need to follow the provided steps.

Please, do not hesitate to contact us if you have any additional questions.

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[veerhunterParticipant]

Hi, I really, really want to get solution for this asap,
https://stackblitz.com/edit/github-x7p8xo

Here is the example, and there will be a jqexport.js file in index.html.
https://we.tl/t-m8Dk4FSdkk

I have attached both projects and screen, please check and give me advice asap please…

[veerhunterParticipant]

Also there is no jqwidgets-ng, I am using “jqwidgets-scripts”: “^10.0.2”.

[veerhunterParticipant]

I also tried to do it on my local, but it is showing me when loading.
Uncaught ReferenceError: jqxBaseFramework is not defined
at jqxexport.js:3495

[Yavor DashevParticipant]

Hi veerhunter,

To make things a bit more convenient for you I have created a basic code example for you to showcase how to set up everything in order to have this functionality.

The complete code example is in this github repository: https://github.com/yavor-htmlelements/exportViewTestNG

Please, do not hesitate to contact us if you have any additional questions.

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[Author]

Posts