Questions Tagged javascript
Call Javascript Functions from Code File other than Page Load function
Answered: Please see AfterRenderJavaScript event which is described here: http://doc.daypilot.org/scheduler/callback-update/ On the server side, pass a custom object to .Update() - it will be available in Afte...
InvalidCastException when command with selected events
Answered: Serialization of tags with null value has been fixed in 8.1.3484 so it shouldn't be a problem anymore: http://www.daypilot.org/daypilot-pro-for-asp-net-webforms-8-1-sp5/ Let me know if the issue pers...
Can I make Joint Events move together but not resize together?
Answered: Since build 2057 you can configure the behavior using the following properties:
dp.jointEventsResize = false;
dp.jointEventsMove = false;
You can test and download build 2057 in the sandbox: htt...
Custom timeHeaders
Answered: Do you use the latest DayPilot version? The start/end properties for time header active areas are available since version 8.1 (build 8.1.1757). If I add your code to demo/scheduler/index.html it seem...
Calling Javascript Functions from Code File(.aspx.cs)
Answered: If you want to execute custom JavaScript after the server-side CallBack you can use AfterRenderJavaScript. This property specifies the JavaScript that will be executed after every update (i.e. during...
Create event in Scheduler (javascript)
Answered: Take a look at this tutorial: http://code.daypilot.org/72248/html5-scheduler-and-modal-dialog-jquery It shows how to use the modal dialog to add events to the Scheduler.
How do I delete the event from the database?
Answered: You need to call the server using an AJAX call, like this:
<div id="dp"></div>
<script type="text/javascript">
var dp = new DayPilot.Calendar("dp");
dp.eventDeleteHandling = "Update";
d...
0x800a1391 - JavaScript runtime error: 'DayPilot' is undefined
Answered: The tutorial text was missing the client-side script reference:
<script src="@Url.Content("~/Scripts/DayPilot/daypilot-all.min.js")" type="text/javascript"></script>
In the sample project (http:/...
angular ctrlAs
Answered: The latest sandbox version (8.2.2038) now fully supports controllerAs syntax:
<div ng-app="main" ng-controller="SchedulerCtrl as ctrl" >
<daypilot-scheduler
id="dp"
config=...
My webpage gets laggy after a few hours when using Daypilot(trial) scheduler
Answered: Most likely it is an increasing memory consumption that is slowing the page down. A few hints: 1. Make sure that you have DayPilot Pro version 8.1.1969 or later (http://javascript.daypilot.org/daypil...
Backend Database
Answered: The format of the array items is described here: http://api.daypilot.org/daypilot-event-data/ See also the following tutorial, it includes PHP and ASP.NET MVC versions of the project: http://code.day...
HIde empty cells
Answered: 1. In the Scheduler (http://javascript.daypilot.org/scheduler/), you have the following options: (1.A) X-Axis (Time) You can hide certain time periods. You can do it either using onIncludeCell (which...
How to Ordering overlapping events
Answered: All main controls (Calendar, Scheduler, Month) let you specify a custom sorting rule: http://doc.daypilot.org/calendar/event-sorting/ http://doc.daypilot.org/month/event-sorting/ http://doc.daypilot....
Export Image or PDF in Javascript
Answered: The PNG image export is in the works and it will be available in the next release (8.2) - in a few weeks. You can find a preview of the implementation in the sandbox: http://javascript.daypilot.org/s...
Ability to add/remove/update rows without updating entire control
Answered: You can find and modify the cells using cells.find(), cells.findXy() and cells.findByPixels() methods: http://api.daypilot.org/daypilot-scheduler-cells-find/ http://api.daypilot.org/daypilot-schedule...
Time range selection in schedular has a delay when using touch rather than mouse
Answered: This is by design - starting the time range selecting immediately it would prevent grid scrolling. You can configure the delay using tapAndHoldTimeout (the default value is 300ms): http://api.daypilo...
How do I change the color of individual row header cells?
Answered: In the latest build (8.1.2007) the resource.columns[] array supports .backColor and .cssClass properties (in addition to .html). Example: dp.resources = [ { name: "Room 101", id: "101", columns: [{ht...
Custom Time Header and Tooltip in Scheduler
Answered: You can force a reload of the scheduler by calling .update(): http://api.daypilot.org/daypilot-scheduler-update/ With the progressive rendering options enabled (they are enabled by default) it is a r...
GANTT: Calculating time for superordinate task
Dear all, when I create 2 subtasks, the superordinate task does not calculate to correct days. (Means beginning of the first task and end of the second task = complete duration for the superordinate
dp.locale = "es-es" not working
Answered: This bug should be fixed now in the latest build (8.1.1973). You can download it in the sandbox: http://javascript.daypilot.org/sandbox/
Drop events outside Scheduler
Answered: Unfortunately the Scheduler doesn't support that at the moment. There are two options: 1. You can implement the queue using a special instance of the Scheduler (i.e. one resource, set the row header ...
Task moveDisabled
Answered: In the Gantt chart, each task is displayed in a separate row - which can be moved as well (in the tree hierarchy). That's why the properties are separate for the row (data.row) and the box in the gri...
headerlevel
Answered: Sorry for the delay! This turned out to be a bug of the .update() method. It should be fixed now in the latest sandbox build (8.1.1981): http://javascript.daypilot.org/sandbox/ Let me know if there i...
"DayPilot for javascript" headerLevels How to Set
Hi. I have been using daypilot-1895. When you set the following value to the property layout was collapsed. $dp.headerLevels = 2; $dp.headerHeight = 16; $dp.allDayEventHeight = 10; $dp.headerHeightAu...
autoRefresh setup for AngularJS
Answered: Your configuration is fine - there was a problem in DayPilot. In Angular, the Scheduler initialization mechanism is slightly different and the autorefresh didn't start automatically. It's fixed now i...
187-lite
I am using the JavaScript version of the Calendar (187-lite). dp.viewType = "week"; dp.eventDeleteHandling = "Update"; dp.dayBeginsHour = 7; dp.businessBeginsHour = 7; dp.businessEndsHour = 22; dp.da...
Hide resources name column in scheduler?
Answered: You can use rowHeaderColumns:
dp.rowHeaderColumns = [];
See also http://doc.daypilot.org/scheduler/row-header-columns/
Multiple lines/rows in scheduler.events.list.text?
Answered: For overriding the event HTML, use the .html property. In order to add a line break, use "<br/>":
dp.events.list = [
{
start: "2015-12-01",
end: "2015-12-05",
text: "Event 1",
...
deleteDisabled for Scheduler not working
Hello, I found in the Javascript DayPilot events documentation that there is a property deleteDisabled. I set it to true and it's not working and I'm still able to delete the event. I have already us...