Our pure JavaScript Scheduler component
I am currently exploring the integration of Bryntum's 'Scheduler Pro - Data from grid custom' product into a SharePoint environment as an SPFx solution. I have found the documentation for the basic Scheduler Pro integration with SharePoint at the following link: https://bryntum.com/products/schedulerpro/docs/guide/SchedulerPro/integration/sharepoint.
However, I am specifically interested in integrating the custom grid functionality showcased in the example at https://bryntum.com/products/scheduler/examples/drag-from-grid-custom/ into SharePoint as an SPFx web part.
We are actually in the discussions of taking license from Bryntum's team. However, we want to check whether every product of Scheduler pro has a readymade solution of integration with SPFx like an example above or do our dev team need to convert it manually develop it from Vanilla JavaScript or React to SPFx.
Please note your license currently does not include the Grid widget. Would you like us to send you a quote for adding it to your license?
Hi Mats, we have procured Scheduler Pro License, and we are looking to use the customized Scheduler pro example only, please guide us how to use that example in SPFX.
Ok, but if you plan to replicate that sample - you also need a Grid license (or use another 3rd party data table).
Hi Mats/Ghulam,
We have procured the licence and requested for a demo for SPFX and now have recieved the POC for SPFX as well.
When we try to run the SPFX code shared in below links we are getting errors. Could you please help us to provide a link to try SPFX code with Scheduler pro example with Drag and drop functionality.
https://bryntum.com/products/schedulerpro/examples/?framework=react
SharePoint Workbench Drag from Grid with TypeScript -- examples- Scheduler/frameworks/react/typescript/sharepoint-fabric-drag-from-grid
Steps to reproduce:
- Download the example from above links
- NPM Install
- NPM Gulp Serve
We are getting below error for all the files, example I have provided for one ts file.
- Error Screen shit
- BryntumError.png (172.19 KiB) Viewed 327 times
Note: We try to fix it by installing scheduler packages, but still the same.
Thanks
-
Attachments
-
- sharepoint-fabric-drag-from-grid.zip
- (740.41 KiB) Downloaded 3 times
Hey there,
Thanks for sharing the test case. So the problem is obvious here. The demo we added was using Scheduler and you have upgraded it to use SchedulerPro. There are couple of things different in both Scheduler and SchedulerPro. For example, in scheduler, we use CrudManager to handle data while in SchedulerPro we use ProjectModel. I am upgrading your code to use the SchedulerPro and once I complete it, I will share it with you. Thanks for your patience.
Hey there,
Just to keep you updated, the upgrade to Pro is almost finished. There were some unexpected issues that i came across and resolved them. Just couple of things left and I am hopeful of sharing a test case with you today.
Thanks for your patience.
Hi Ghulam,
Thank you for the update on the upgrade to Scheduler Pro. I appreciate your efforts in resolving the unexpected issues.
Could you please also share any links to the SPFx examples that successfully integrate with Scheduler Pro, specifically focusing on the drag-and-drop functionality? Having access to these examples would greatly assist our development team in implementing the features we need.
Thank you for your support!
We do not have any example using schedulerPro, but I will share the example I am working on with you and will also add it to the SchedulerPro examples suite. It is almost finished, I am targetting it share with you at the day end. See the below clip in 95 % working state:
This clip is made from the example I am working on using SchedulerPro and Grid:
Also apologies for the confusion, the demo already available in Bryntum Examples Suite for Scheduler was added for you guys but due to some confusion we built it using Scheduler rather than SchedulerPro.
