Questions Tagged javascript
Event is displayed twice (Dynamic Loading)
Answered: This bug is fixed now in build 7.7.781. Please see the sandbox: http://javascript.daypilot.org/sandbox/
timeHeader Bubble in the scheduler?
Hi, i want to use a Bubble onmouseover on the timeHeader, f.a. on the day. howto? thanks
Ability to extract only the necessary modules to include in a web app
Hi, We are considering using DayPilot Pro for Javascript in our web application. The only concern we have is that it is too big (478 kB minified) and there are modules that we don't need such as Gant...
Fix the upper Resource?
Answered: This would be a nice feature but it's not quite easy to implement it... I'm adding it to the wishlist.
Zooming in JS-Version?
Answered: The zooming implementation in the ASP.NET demo (http://www.daypilot.org/demo/Scheduler/Zooming.aspx) is quite simple: It overrides the default time header cell text using BeforeTimeHeaderRender event...
Is it possible to get information of selected timerange while selecting?
Answered: This feature is in the works. I will be available in 1-2 weeks.
Capture global mousedown/up event
I need to capture any mousedown and mouseup event fired on the scheduler. I've tried just adding an eventlistener to the entire dps container like this: $("#dps")[0].addEventListener("mousedown", fun...
Show more than one bubble at the same time
Answered: The bubble is designed to display just a single box at the same time. All previously displayed bubbles will be hidden when displaying a new one. Also, the bubble is hidden when you move the mouse out...
Execute javascript function after clicking ok button on event creation DayPilot Month.
Hello! My name is Roby. I'm using DayPilot Month Lite in my project. I need to trigger a javascript function after I click the OK Button into the event creation alert. My big questions (after reading...
How to read anr write tags?
Answered: OK I solved it by myself. e.data.tag["key"] = value; to read: e.tag("key")
modal border change cursor
hi! want to change the cursor when mouseover the border auf a modal popup. thanks
Intercept Modal close/hide
Hi! I use the Modal popup. I want to intercept the closing/hiding of the modal. I want to ask the User if he saved everything - after that the modal can be closed. If the user clicks "no" the modal s...
Get visible time range (scheduler)
Answered: Sorry, didn't see this: http://api.daypilot.org/daypilot-scheduler-getviewport/ dps.getViewPort().start and dps.getViewPort().end is what I was looking for.
Reload single event from database
Answered: If you want to refresh the events it is better to use .events.list array instead of .events.add() method. Adding events one by one using .events.add() works too but it is slower (it refreshes the sch...
Load Resource Tree from Database
Answered: You can use something like this: An example using DayPilot.request():
function loadResources() {
DayPilot.request("backend_resources.php", function(result) {
var data = eval("(" + result....
**Daypilot Month** set height some event
Answered: The event height in DayPilot Month can't be set individually. You can increase the event height using .eventHeight property (for all the events). Having custom height for individual events would prev...
setting cellBackColor after init doesn't work
Answered: This issue is fixed now in build 7.7.698 (see the sandbox): http://javascript.daypilot.org/sandbox/
cancel an onEventMoved or onEventResized
Answered: Found the answer: hope this helps other people save some time //This gets called when the user drops the event dp.onEventMove = function (args) { //args.e is the event object that is being moved //ar...
Minimize sources
Answered: It is minimized using ESC (ECMA Script Cruncher). You can find the instructions here: http://www.daypilot.org/how-to-compile-daypilot-pro-source.html The ESC download page is no longer available but ...
How to be locked some of the events from the database : Javascript
Answered: You can use 'moveDisabled' property:
var e = new DayPilot.Event({
start:new DayPilot.Date(),
end:(new DayPilot.Date()).addHours(5),
id: DayPilot.guid(),
text: "New Event",
resour...
Scheduler Days View Overlapping events over day
Answered: The event order is resolved for each row separately. However, you can override the default order using custom event sorting: http://doc.daypilot.org/scheduler/event-sorting/
DayPilotMonth TimeRangeSelectedJavaScript: e is not defined
There seems to be a bug in DayPilotMonth TimeRangeSelectedJavaScript as if I try to use "e" in the javascript (e.g. console.log(e)) browser throws Uncaught ReferenceError: e is not defined. Any other...
onTimeRangeSelected(args) not passing values
Answered: The client-side event-handling API has two modes that can be switched using .api property: http://api.daypilot.org/daypilot-scheduler-api/ All DayPilot versions that include an integrated server-side...
Show Business Hours on Saturday using Javascript
Answered: Hi Patrick, In JavaScript you should use onIncludeCell event instead: http://doc.daypilot.org/scheduler/hiding-time-columns/ Example:
<div id="dp"></div>
<script type="text/javascript">
var dp ...
Resource Header Click - JavaScript
Answered: The resource header details are accessible using "resource" variable: DayPilot Scheduler tag:
ResourceHeaderClickJavaScript="test(resource);"
JavaScript:
<script language="text/javascript">
f...
Clear all the events from the calendar
Answered: In the Lite version, there is no client-side API to do this. The only way is to look for event <div> elements using jQuery and delete them.
Is it possible that the daypilot emitted javascript executes after page load?
Answered: You can initialize it using the JavaScript API directly instead of calling the @Html.DayPilotScheduler() helper. Example:
function initScheduler() {
var dps = new DayPilot.Scheduler('dpScheduler...
Change text content of an event client side?
Answered: There is a set of methods that allow you to set the client-side properties:
e.client.innerHTML("New HTML");
e.client.cssClass("newClass");
e.client.toolTip("New ToolTip");
e.client.backColor("#d...