How the scheduler integrates with ASP.NET Core application?
This Knowledge base article explains how to create an application with Vue.js, .NET Core 3, and integrate Schedule control. Refer to this blog that briefly explains how to create .NET Core 3 project with Vue.js template.
Adding Syncfusion Scheduler Package
Include the Scheduler package inside the dependencies section of the package.json.
"dependencies": {
"core-js": "^2.6.5",
"vue": "^2.6.10",
"@syncfusion/ej2-vue-schedule": "*"
}
Adding CSS reference
Add the CSS reference within the <style> of App.vue file.
@import "../node_modules/@syncfusion/ej2-base/styles/material.css"; @import "../node_modules/@syncfusion/ej2-buttons/styles/material.css"; @import "../node_modules/@syncfusion/ej2-calendars/styles/material.css"; @import "../node_modules/@syncfusion/ej2-dropdowns/styles/material.css"; @import "../node_modules/@syncfusion/ej2-inputs/styles/material.css"; @import "../node_modules/@syncfusion/ej2-navigations/styles/material.css"; @import "../node_modules/@syncfusion/ej2-popups/styles/material.css"; @import "../node_modules/@syncfusion/ej2-schedule/styles/material.css";
Registering Vue Scheduler component
Import the Scheduler plugin from ej2-vue-schedule package.
import { SchedulePlugin } from "@syncfusion/ej2-vue-schedule";
Vue.use(SchedulePlugin);
Initialize the Vue Scheduler
Add the EJ2 Vue Scheduler using <ejs-schedule> to the <template> section.
<template> <ejs-schedule></ejs-schedule> </template>
Run the application
Compile and run the project.
Vue Scheduler getting started documentation is available here.
Demo sample with .NET Core and Vue.js is available here.
Conclusion
I hope you enjoyed learning how the scheduler integrates with the ASP.NET Core application.
You
can refer to our ASP.NET Core Scheduler feature tour page to know about its other groundbreaking
feature representations and documentation, and
how to quickly get started for configuration specifications. You can also
explore our
ASP.NET Core Scheduler example to understand how to present and
manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
