ej2-vue-schedule not working with ionic vue

Hi There

Have a good day first.

I am working on @syncfusion/ej2-vue-schedule for ionic vue app.

I have create new blank project on ionic vue project using following link

https://ionicframework.com/docs/vue/quickstart

Now for @syncfusion/ej2-vue-schedule i have followed follwing link

https://ej2.syncfusion.com/vue/documentation/getting-started/vue3-tutorial/


Also all Prerequisites are fullfilled.

vue : 3+

node : 10.15+

vue-class-component : 8.0.0-rc.1


I have used this and convert it to simple component and import it to home.vue page.

https://ej2.syncfusion.com/vue/documentation/getting-started/vue3-tutorial/#using-syncfusion-vue-components-inside-template-properties

ISSUE---

Now the issue is schedule is not loading initially, It shows toolbar only.

On initial load

https://prnt.sc/1q9qs7u

When i click on any button Day,Month, etc from toolbar.

https://prnt.sc/1q9qwfw

Project is attached below.

Attachment: Ionic_vue_Project_1fa68327.zip


5 Replies

SK Satheesh Kumar Balasubramanian Syncfusion Team August 19, 2021 01:33 PM UTC

Hi Asif, 
  
Thanks for using Syncfusion Products. 
  
We have validated your reported query "ej2-vue-schedule not working with ionic vue" and suggest you to inject the view modules in App.vue page to resolve the reported issue. For the same we have modified the sample which can be downloaded from the following link. 
  
  
App.vue:   
<script > 
import { IonApp, IonRouterOutlet } from '@ionic/vue'; 
import { Day, Week, WorkWeek, Month, Agenda, DragAndDrop, Resize } from "@syncfusion/ej2-vue-schedule"; 
import { defineComponent } from 'vue'; 
  
export default defineComponent({ 
  name: 'App', 
  components: { 
    IonApp, 
    IonRouterOutlet 
  }, 
  provide: { 
    schedule: [Day, Week, WorkWeek, Month, Agenda, DragAndDrop, Resize] 
  } 
}); 
</script> 
  
Kindly try the above sample and let us know if this meets your requirement. 
  
We will refresh the documentation on our any upcoming release. We would appreciate your valuable patience until then. 

 
Regards, 
Satheesh Kumar B 



UN Unknown August 20, 2021 04:28 AM UTC

Thank you. Please let me know the reason behind this. 



UN Unknown August 20, 2021 04:35 AM UTC

Still there is issue. The events are not visible initially. If i Make change in code(Here i change date and it worked)

https://www.loom.com/share/128406050bb648ceb4263b6289bc721e



UN Unknown August 20, 2021 05:06 AM UTC

In Production it is working fine. So Thank you.






VD Vinitha Devi Murugan Syncfusion Team August 23, 2021 06:20 AM UTC

Hi Asif, 
 
You are most welcome. We are always happy to assist you.  
 
Regards, 
Vinitha 


Loader.
Up arrow icon