pdfExport does not exist

[teddygotts]

Hello there,

I try to move javascript code to ts, but I got some errors as below:

the original code without errors

please help

Attachment: sample_code_91577cf1.zip

[Sujith Kumar Rajkumar]

Hi Teddygotts, 

Greetings from Syncfusion support. 

We checked your reported problem but unfortunately were unable to reproduce it from our end as no errors were shown on accessing the Grid instance while using typescript in the Vue application. Please check below sample for your reference, 

Sample: https://www.syncfusion.com/downloads/support/forum/156534/ze/GridApplication762132783  

On further validation we suspect this might be due to some common configuration problem in your Vue application. So can you please check the below stack overflow and GitHub links where similar problem is discussed to resolve this, 

Links: https://stackoverflow.com/questions/45555089/resolve-property-does-not-exist-on-type-vue-error 

           https://github.com/vuejs/vue/issues/8406 

Let us know if you have any concerns. 

Regards, 

Sujith R 

[teddygotts]

I use your sample provided, but it showed the same error

[Sujith Kumar Rajkumar]

Hi Teddygotts, 

 

We checked the provided information and would like to let you know that this is a common problem with the “vue-class-component” on accessing component reference in Vue typescript. Please check the below issue logged in GitHub for more details on this, 

 

GitHub link: https://github.com/vuejs/vue-class-component/issues/94  

 

So as suggested in this stack overflow link this can be resolved by defining the Grid instance like in below code snippet, 

 

import { GridComponent} from '@syncfusion/ej2-vue-grids' 

 

              . 

              . 

 

public toolbarClick(args: ClickEventArgs) { 

        if (args.item.text === "PDF Export") { 

            (this.$refs.gridObj as GridComponent).ej2Instances.pdfExport(); 

        } else if (args.item.text === "Excel Export") { 

            (this.$refs.gridObj as GridComponent).ej2Instances.excelExport(); 

        } 

} 

 

Modified sample for your reference, 

 

Sample: https://www.syncfusion.com/downloads/support/forum/156534/ze/GridModified1135816122  

 

Let us know if you have any concerns. 

 

Regards, 

Sujith R 

[teddygotts]

Thank you for the quick reply to my query.
You really saved my day.

[Sujith Kumar Rajkumar]

Hi Teddygotts, 

 

You’re welcome. We are glad to hear that your query has been resolved. 

 

Please get back to us if you require any further assistance. 

 

Regards, 

Sujith R