Questions Tagged javascript

Answered: Just in case anybody stumbles over this problem or wants to achieve something similar I found this page ( https://doc.daypilot.org/scheduler/event-moving-customization/ ) very helpful. You can basica...

Answered: If you have 300 events in events.list this code will fire 300 HTTP requests which will complete in more or less random order. In the success callback, you are requesting a full update() - the update ...

Answered: You can use DayPilot.Util.addClassToString() helper method: args.cell.cssClass = DayPilot.Util.addClassToString(args.cell.cssClass, "my-class"); This will handle the spaces and also check if "my-clas...

Answered: This behavior was caused by a bug. It's fixed now in the latest sandbox build (2018.2.3214): https://javascript.daypilot.org/sandbox/ Please let me know if the problem persists.

Answered: Have you checked the docs? https://doc.daypilot.org/scheduler/event-deleting/

Answered: You can store your period data in resources[] or in a global array and use onBeforeCellRender to check overlaps with the current cell. There is an Angular tutorial that shows how to do that - it's wr...

Answered: You can use dp.heightSpec = "Parent100Pct" to set the Gantt height to 100% of the parent element. Just make sure that the parent height is set explicitly (either using "height" style or using "top"/"...

Answered: First, you need to disable the built-in icon by removing eventDeleteHandling: "Update" from the config. Then you can add your own icon using an active area. See also: https://doc.daypilot.org/schedul...

Answered: Javascript can't connect directly to a database, but it can request data from external pages, files. I use PHP, and a MS SQL database. I have created an API were I can request data for my scheduler, ...

Answered: DayPilot Pro uses a slightly different approach (compile + link) when registering the <daypilot-calendar> directive because the "replace: true" attribute used in the Lite version (which only uses lin...

Answered: You can use onShow event handler of the context menu to adjust the menu items on the fly. Please take a look at the following sample project: https://code.daypilot.org/50232/angular-scheduler-dynamic...

Answered: You can get a list of all selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ let events = this.scheduler.control.mul...

Answered: Yes, most likely there is a problem with exportAs(). Do you see any error message in the javascript console? Also, remember that exporting large Scheduler grids may hit the browser limits (most brows...

Answered: Please take a look at this tutorial: https://code.daypilot.org/97960/html5-scheduler-hiding-rows-without-events You'll need to adjust the logic in onRowFilter event handler to use your criteria.

Answered: It looks like you have used DayPilot Pro (the paid version) in your project. 1. You can use DayPilot Lite (open-source) instead - but it doesn't include all Pro features: https://javascript.daypilot....

Answered: By default the Scheduler width is set to 100% - that means it will change for different browser window widths. The auto cell width mode ( https://doc.daypilot.org/scheduler/auto-cell-width/ ) calcula...

Answered: Unfortunately not at this moment.

Answered: 1. No, this project includes a trial version of DayPilot Pro and is limited to testing and evaluation purposes, for 60 days. You need a DayPilot Pro for JavaScript license to use it in production ( h...

Answered: Thanks for the update! It turned out that there was a bug in onScroll() call. It's fixed now in the latest build (2018.1.3185) - please let me know if the problem persists. The development builds are...

Answered: Unfortunately data row freezing is not supported at the moment.

Answered: Please see the following docs topic for Scheduler scrolling performance tuning options: https://doc.daypilot.org/scheduler/scrolling-performance/ It's necessary to keep the total DOM size as small as...

Answered: DayPilot 2018.1.3169 is fully compatible with Angular 5. I've just tried to create a new Angular 5 project (@angular/core version 5.2.5) using Angular CLI 1.5 and Angular 1.7 - both seem to work fine...

Answered: You can get a list of selected events using DayPilot.Scheduler.multiselect.events() method: https://api.daypilot.org/daypilot-scheduler-multiselect-events/ You can call this method in the onClick eve...