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
-
[Scheduler]
ResourceCollection.findById() added.
(build 8221)
-
[Scheduler]
Time zone support added.
(build 8221)
-
[Calendar]
External drag&drop fixed.
(build 8221)
-
[Calendar]
CssOnly mode added.
(build 8221)
-
[Scheduler]
CssOnly mode added.
(build 8221)
-
[Demo]
Themes added (Green, White, Blue).
(build 8221)
-
[Month]
CssOnly mode added.
(build 8221)
-
[Calendar]
jQuery plugin added.
(build 8221)
-
[Month]
jQuery plugin added.
(build 8221)
-
[Scheduler]
jQuery plugin added.
(build 8221)
-
[Month]
Preventing text selection in Chrome (WebkitUserSelect = 'none').
(build 8221)
-
[Calendar]
Improved vertical scrollbar detection (prevents header misalignments).
(build 8221)
-
[Scheduler]
Crosshair fixed for multi-level time headers.
(build 8221)
-
[Scheduler]
TimeRangeDoubleClick highlighting disabled for TimeRangeDoubleClickHandling=Disabled.
(build 8221)
-
[Calendar]
External drag&drop fixed.
(build 8221)
-
[Scheduler]
HeaderHeight="0" allowed.
(build 8221)
-
[Month]
Bubble Position="EventTop" supported.
(build 8221)
-
[Month]
Cursor fixed during drag&drop in Chrome.
(build 8221)
-
Correctly preventing text selection during drag&drop operations (IE9).
(build 8221)
-
[Scheduler]
Events cached in DynamicLoading mode.
(build 8221)
-
[Scheduler]
Protocol optimizations.
(build 8221)
-
[Scheduler]
Empty backgroundRepeat error fixed (OnBeforeCellRender).
(build 8221)
-
[Scheduler]
rowHeaderWidthAutoFit property added.
(build 8221)
-
[Calendar]
Event resizing using the top border fired EventClick in some cases (IE).
(build 8221)
-
[Scheduler]
style.whiteSpace = null error fixed (IE7, IE8)
(build 8221)
-
[Scheduler]
treePreventParentUsage property added.
(build 8221)
-
[Demo]
"Row Header Width Auto-Fit" demo added (Scheduler).
(build 8221)
-
[Demo]
"Prevent Parent Usage" demo added (Scheduler).
(build 8221)
-
[Demo]
"Limit Event Moving" demo added (Scheduler).
(build 8221)
-
[Scheduler]
e.EventMoveVerticalEnabled and e.EventMoveHorizontalEnabled added to OnBeforeEventRender
(build 8221)
-
[Scheduler]
Gantt chart mode implemented (viewType='Gantt').
(build 8221)
-
[Demo]
"Gantt" demo added (Scheduler).
(build 8221)
-
[Scheduler]
Calling e.text("Event text") on an event object updates the HTML automatically.
(build 8221)
-
[Calendar]
afterRender() executed asynchronously.
(build 8221)
-
[Month]
afterRender() executed asynchronously.
(build 8221)
-
[Scheduler]
afterRender() executed asynchronously.
(build 8221)
-
[Month]
Event moving (dragging) activated time range selection in cell stacking mode.
(build 8221)
-
[Month]
Using the scrollbar activated time range selection in cell stacking mode.
(build 8221)
-
Dropping support for IE6.
(build 8221)
-
[Month]
Right event border was missing in some columns (Chrome).
(build 8221)
-
[Calendar]
New event position fixed (event resizing using the top border).
(build 8221)
-
[Calendar]
Correct cursor during event resizing.
(build 8221)
-
[Calendar]
Delayed Bubble activation fixed (after the event was destroyed).
(build 8221)
-
[Calendar]
Bubble not activated when the cursor is in the event resize margin
(build 8221)
-
[Scheduler]
Event rendering speed improved.
(build 8221)
-
[Scheduler]
Caching improved in dynamic event loading mode.
(build 8221)
-
[Calendar]
Irregular column groups alignment in Chrome fixed (Calendar/DaysResourcesView.aspx).
(build 8221)
-
[Demo]
jQuery demo added (Calendar).
(build 8221)
-
[Demo]
jQuery demo added (Scheduler).
(build 8221)
-
[Scheduler]
jQuery demo added (Month).
(build 8221)