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
- Green
- White
- Blue
New Month Themes
- Green
- White
- Blue
New Scheduler Themes
- Green
- White
- Blue
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)
DayPilot