1. Home
  2. Forum
  3. Vue
  4. Inertia & Syncfusion

Inertia & Syncfusion

Hello,

Im building a web app with Inertia.js and need my syncfusion components working properly. I'm having problems with the component registration in Vue 3, cause my template is working and it shows the grid component but if i try to provide filter, pagination or any module in the documentation the grid still appears but modules dont work. So would like to know what's the correct way to code this and if there's any problem with Inertia and Syncfucion. I literally used the Vue 3 grid example in the documentation.

Thank you in advance.


11 Replies
JA Jesus Arockia Sankaran S Syncfusion Team July 22, 2021 12:42 PM UTC

Hi David, 
 
Sorry for the inconvenience.   
 
We have checked the attached sample and we can able to reproduce the reported issue. We suspect that the module injection values are not accessible properly in globally but we need to validate this to confirm. So, we will update you further details on July 26, 2021 and we request your support until then.  
 
However,  we recommend you to inject the modules once again in “App.vue” as a workaround as of now. We have modified the sample with the work around and you can get that from the below link.  
 
 
Please get back to us if you have any queries. 
 
Regards, 
Jesus Arockia Sankaran S 
 


JA Jesus Arockia Sankaran S Syncfusion Team July 26, 2021 09:31 AM UTC

Hi David, 

Thank you for your patience. 

We have validated this issue and it will be included with our Volume 2, 2021 SP release. You can track the status using the below feedback link. 


Please get back to us if you have any queries. 

Regards, 
Jesus Arockia Sankaran S 


DA David July 30, 2021 06:32 AM UTC

Hi Jesus,

I did the changes you mentioned and the problem is stil there. I injected the modules in both components as you said but i think the error comes from Inertia. I attached my project below to get a closer idea of what is happening. 

Thank you in advance.


Attachment: Test_fb743dcb.rar

JA Jesus Arockia Sankaran S Syncfusion Team August 2, 2021 05:23 PM UTC

Hi David, 

Sorry for the inconvenience. 

By looking into the inertia.js project structure,  we can suspect that the pages are navigated like Vue router and we have already included provider loading issue while using router as another scenario. Also, we have provided different workaround for this. 



import { 
  GridComponent, 
  ColumnsDirective, 
  ColumnDirective, 
  Grid, 
  Edit, 
  Page, 
  CommandColumn, 
  Filter, 
  Sort, 
} from "@syncfusion/ej2-vue-grids"; 
Grid.Inject(Page, Edit, CommandColumn, Filter, Sort); 


We believe that this workaround will help you to resolve your issue temporarily. However, we include this fix with our Volume 2, SP release and we request your support until then if this workaround is not resolving your problem. 


Please get back to us if you have any queries. 

Regards, 
Jesus Arockia Sankaran S 


DA David August 4, 2021 07:21 AM UTC

Hi Jesus, 

We have resolved the issue, that was the line we were searching for. Thank you so much for your patience and help. 

Regards, 

David.


JA Jesus Arockia Sankaran S Syncfusion Team August 4, 2021 01:26 PM UTC

Hi David, 

You are welcome and thank you for the details. 

Regards, 
Jesus Arockia Sankaran S 


JA James December 28, 2021 10:28 PM UTC

Hi,


Having a similar issue with the scheduler component (ej2-vue-schedule). Could you provide an example of how to properly inject that?


Cheers


Jamie



GV Gokulraj Varatharajan Syncfusion Team December 29, 2021 02:04 PM UTC

Hi James, 

Based on your request, we have prepared a workaround sample for the schedule component. You can download the sample from the below link. 


As of now, we are recommending you to use the workaround provided. However, we are working on it and will include this fix in our Volume 4, SP release. You can track the fix status by referring to the below feedback link. 


Regards, 
Gokul

GV Gokulraj Varatharajan Syncfusion Team February 3, 2022 03:23 AM UTC

Hi James, 

Sorry for the inconvenience caused, 

We are unable to complete this bug as planned. However, we will prioritize and include this fix with our upcoming weekly patch release which is scheduled on 22nd Feb 2022. The bug fix status can be tracked through the below feedback. 


We appreciate your patience until then. 

Regards, 
Gokul

GV Gokulraj Varatharajan Syncfusion Team February 24, 2022 04:03 AM UTC

Hi James, 

Sorry for the inconvenience caused, 

We are unable to complete this bug as planned due to the complexity of the issue and external factors. However, we will prioritize and include this fix with our Volume 1 2022, release which is scheduled on the end of March 2022. 

We appreciate your patience until then. 

Regards, 
Gokul 


GV Gokulraj Varatharajan Syncfusion Team April 11, 2022 12:17 PM UTC

Dear James,


Thanks for your patience.


We are glad to announce that our patch release (v19.4.52) is rolled out successfully. The issue with “Provider is not accessible globally in Vue 3” has been resolved in this release. To access this fix, we suggest you to update the package to the latest version 19.4.52.


Release Notes: https://ej2.syncfusion.com/vue/documentation/release-notes/19.4.52/?type=all#common


Find the below sample for your reference.


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Regards,

Gokul


Attachment: pivotvue3_103dc04e_af80b649.zip

Loader.
Up arrow icon