Skip to content
DayPilot

DayPilot Pro for Java 7.0

Release date: September 6, 2012 (build 8224)

jQuery Plugin

The main widgets (Calendar, Scheduler, Month, Navigator) can be activated using a jQuery plugin.

Example (http://java.daypilot.org/demo/Calendar/JQuery.jsp)

<div id="dpc_jquery"></div>
  $(document).ready(function() {
    var dpn = $("#dpn").daypilotNavigator({
      bound : "dpc",
      selectMode : 'week',
      cssOnly : true,
      cssClassPrefix : "navigator_green",
      weekStarts : 0,
      showWeekNumbers : true,
      showMonths : 3,
      skipMonths : 3
    });

    var dpc = $("#dpc").daypilotCalendar({
      backendUrl : '../dpc',
      cssOnly : true,
      cssClassPrefix : "calendar_green",
      viewType : "Week",
      heightSpec : 'BusinessHours',
      height : 200,
      timeRangeSelectedHandling : 'CallBack',
      eventMoveHandling : 'CallBack',
      eventResizeHandling : 'CallBack',
      eventDeleteHandling : 'CallBack',
      eventClickHandling : 'Edit',
      eventEditHandling : 'CallBack',
      eventArrangement : "Full",
      showAllDayEvents : true,
      bubble : new DayPilotBubble.Bubble({ cssClassPrefix: "bubble_default" } ),
      showToolTip : false,
      initScrollPos : 9 * 40 + 1, 
      moveBy : "Top",
      eventRightClickHandling : "ContextMenu",
      contextMenu : new DayPilot.Menu([
        {text:"Show event ID", onclick: function() {alert("Event value: " + this.source.value());} },
        {text:"Show event text", onclick: function() {alert("Event text: " + this.source.text());} },
        {text:"Show event start", onclick: function() {alert("Event start: " + this.source.start().toStringSortable());} },
        {text:"Go to google.com", href: "http://www.google.com/?q={0}"},
        {text:"CallBack: Delete this event", command: "delete"} 
      ])
    });
  });

</script>

Full Calendar/Scheduler/Month CSS Styling Support

This mode is now activated by default (cssOnly = true).

New Calendar Themes

New Month Themes

New Scheduler Themes

Gantt Chart (Scheduler)

You can enable the Gantt mode using viewType = 'Gantt'. The rows will be generated automatically from the event set (one row per event).

Preventing Parent Node Usage (Scheduler)

Scheduling events in parent tree nodes can be disabled using treePreventParentUsage = true.

Limit Event Moving Horizontally or Vertically (Scheduler)

You can limit the directions in which the event can be moved in BeforeEventRender event handler using e.setEventMoveVerticalEnabled() and e.setEventMoveHorizontalEnabled() properties.

Example

@Override
public void onBeforeEventRender(BeforeEventRenderArgs ea) {
  String first = ea.getValue().substring(0, 2);
  int id = Integer.parseInt(first, 16);
	
  if (id % 2 == 0)  // random selection
  {
    ea.setDurationBarColor("red");
    ea.setEventMoveVerticalEnabled(false);
  }
  else
  {
    ea.setDurationBarColor("blue");
    ea.setEventMoveHorizontalEnabled(false);
  }
}

Row Header Width Auto-Fit (Scheduler)

The row header width can be adjusted automatically to fit the longest text (rowHeaderWidthAutoFit = true). This feature is enabled by default.

Event Caching in Dynamic Event Loading Mode (Scheduler)

The already-loaded events are cached when scrolling the Scheduler. This greatly improves usability of the dynamic loading mode (dynamicLoading = true).

Implemented