Questions Tagged javascript
Setting custom context Menu.
Answered: Do this instead - worked for me: args.e.contextMenu = "test";
How can I add white space to a cell below other events to allow a user to create new events? DP pro Version: 1514
Answered: The rowMarginBottom property of the config object adds N pixels below the last event in a cell.
How can I get the original resource on the onEventMoved callback?
I have a job on the scheduler and multiple people may be assigned to the same job, I want to be able to find the original resource the job was assigned to when it is moved so I can replace the old re...
"Concurrent Event Groups" and "autoRefresh"
Answered: At this moment the group state is not persisted. This means it will reset to the original state on update(). You can customize the groups using onBeforeGroupRender:
dp.onBeforeGroupRender = functio...
How to undo the action DayPilot.Scheduler on event moved on the last event i saved without reloading the page?
Answered: try this code.. i hope i will helps you.. i did not use args.preventDefault(); but i use the code calling on events.php to load the updated data dp.message("MoveCancelled"); DayPilot.request("backend...
how to switch between monthView to dayView after clicking on monthview's date.
Hi, i have a requirement like, after clicking on the particular day in the monthView the view should be changed or reloaded to dayView with selected date in the monthview and with loading the records...
onBeforeHeaderRender() event was not called on initializing the event calendar
Hi, I'm working on the Daypilot event calendar javascript - version 1596. I have initialized the daypilot event calendar on a <DIV> with 3 resource columns and i'm modifying the resource column text ...
Childs open automatically when dragging over
Answered: You can turn it off using treeAutoExpand property:
dp.treeAutoExpand = false;
See also http://api.daypilot.org/daypilot-scheduler-treeautoexpand/
Disable context menu item & Dynamic context menu
Answered: #1 Since build 1591 you can use "disabled" attribute of a menu item. Please see the updated jsfiddle: http://jsfiddle.net/jLLck2sz/2/ #2 There is no context menu for grid cells, only for time range s...
rows.filter() while onEventMoving()
Answered: Unfortunately it's not possible to use the filter in onEventMoving because the filter() method causes a refresh of the Scheduler (and it disrupts the current drag and drop operation). Also calling an...
Fix the upper Resource? (2nd try)
Answered: Unfortunately there is no quick solution other than using two Schedulers. However, this is just a workaround and may not work in all cases.
<div id="dp1"></div>
<div id="dp2"></div>
<script>
...
Drag and Drop Indicators with Informations about a Resource
Answered: The latest build (8.0.1571) now stores the row information in a DayPilot.Row object accessible as args.row: http://javascript.daypilot.org/sandbox/ In previous releases you can get the row object usi...
Two vertical scroll bars when heightSpec:"Fixed
Answered: It should be fixed now in the latest sandbox build. The fiddle works now. Thanks for reporting the issue.
Event bubble missing - Event Calendar javascript
Answered: There are three problems with the fiddle: 1. You need to add bubble property to the config:
bubble: new DayPilot.Bubble(),
2. Don't call .init() if you are using the jQuery plugin. The .init() m...
Pass additional data to makeDraggable
Answered: Build 1736 now copies all properties of the makeDraggable parameter (except of "duration" and "element") to the newly created DayPilot.Event.data property (which is accessible in onBeforeEventRender ...
Cannot get Id of the moved event in onEventMoved
Answered: Found it. There is a data object So args.e.data.id is the right property.
Is it possible to have multple resource/row headers width different height ?
Answered: Unfortunately it's not implemented at this moment.
Filter in columns
Answered: Since build 8.0.1545 it's now possible to specify custom row data (tags) and use them in onRowFilter: Specifying custom row data (tags):
dp.resources = [
{ name: "Room A", id: "A"},
// ...
...
Scheduler looses scroll position
Answered: It looks like gets reset right after the animation starts. It happens with plain div with "overflow:auto" as well: http://jsfiddle.net/JPEaa/344/ Probably the best solution would be to hook the minim...
TimeFormat recognizion doesn't seem to work perfectly in the calendar
Answered: The Swedish locale is defined like this:
DayPilot.Locale.register(new DayPilot.Locale('sv-se',
{
'dayNames':['söndag','måndag','tisdag','onsdag','torsdag','fredag','lördag'],'dayNamesShort':['...
Using SQL with DayPilot
Answered: Take a look at the following tutorial: http://code.daypilot.org/17910/html5-event-calendar-open-source It uses the Lite version to show how to load data and handle events using a very light-weight se...
How to display datepattern year with only two numbers ?
Answered: It's now supported in the latest sandbox build (8.0.1538): http://javascript.daypilot.org/sandbox/
Scheduler: edit row width
Answered: No, the grid of the "days". The Feature of the row-header-width is perfect. I can Change it with the mousecursor. Exactly the same Feature for the calendar-days would be cool!
how to show contextMenu when right-click on timeRange
Answered: You need to specify the context menu using .contextMenuSelection:
dpc.contextMenuSelection = new DayPilot.Menu([
{text: "New appointment", onclick: function (args) {
var ...
Day pilot event selection on right-click and double-click events
Hi, I'm working on the Day pilot Pro Javascript -v1531. When the event right-clicked or double-clicked the event should get selected and it is not doing now. Please help me to achieve this.
Calendar OnEventSelected() event doesn't change the back color of event
Hello, I'm working on the daypilot event calendar javascript pro - v1531. I have 2 events in my calendar. The first event had some back ground color and the second event had default color. When i sel...
How to unselect a row
Answered: You can clear the selection using rows.selection.clear():
dps.rows.selection.clear();
Filtering on multiple columns
Hi, I've been trying to find a way to do filtering (same as described here): http://javascript.daypilot.org/demo/scheduler/rowfiltering.html) but on different resource row columns (same as here): htt...