DayPilot Pro for ASP.NET WebForms 7.8

Release date: June 10, 2014 (build 7.8.3139)

Real-Time Moving Position Indicator (Scheduler)

asp.net scheduler drag and drop moving indicator

<DayPilot:DayPilotScheduler
  ...
  EventMovingStartEndEnabled = "true"
  ...
/>

Demo

http://www.daypilot.org/demo/Scheduler/Realtime.aspx

Real-Time Resizing Position Indicator (Scheduler)

asp.net scheduler drag and drop resizing indicator

<DayPilot:DayPilotScheduler
  ...
  EventResizingStartEndEnabled = "true"
  ...
/>

Demo

http://www.daypilot.org/demo/Scheduler/Realtime.aspx

Real-Time Selection Position Indicator (Scheduler)

asp.net scheduler drag and drop creating indicator

<DayPilot:DayPilotScheduler
  ...
  TimeRangeSelectingStartEndEnabled = "true"
  ...
/>

Demo

http://www.daypilot.org/demo/Scheduler/Realtime.aspx

Event Deleting (Scheduler)

asp.net scheduler event deleting

.aspx

<DayPilot:DayPilotScheduler 
  ...
  EventDeleteHandling="CallBack"
  OnEventDelete="DayPilotScheduler1_EventDelete"
  ...
  >

.aspx.cs

protected void DayPilotScheduler1_EventDelete(object sender, EventDeleteEventArgs e)
{
  string id = e.Id;
  
  // delete event (database)
  // ...
  
  setDataSourceAndBind();
  DayPilotScheduler1.UpdateWithMessage("Event deleted.");
}

Demo

http://www.daypilot.org/demo/Scheduler/EventDeleting.aspx

Event Deleting (Event Calendar)

.aspx

<DayPilot:DayPilotCalendar
  ...
  EventDeleteHandling="CallBack"
  OnEventDelete="DayPilotCalendar1_EventDelete"
  ...
/>

aspx.cs

protected void DayPilotCalendar1_EventDelete(object sender, DayPilot.Web.Ui.Events.EventDeleteEventArgs e)
{
  deleteAndBind(e.Value);
}

Demo

http://www.daypilot.org/demo/Calendar/EventDeleting.aspx

Event Deleting (Monthly Event Calendar)

.aspx

<DayPilot:DayPilotMonth 
  ...
  EventDeleteHandling="CallBack"
  OnEventDelete="DayPilotMonth1_EventDelete"                 
  ...
  />

.aspx.cs

protected void DayPilotMonth1_EventDelete(object sender, EventDeleteEventArgs e)
{
  string id = e.Id;
  
  // delete event (database)
  // ...

  DayPilotMonth1.DataSource = getData(DayPilotMonth1.VisibleStart, DayPilotMonth1.VisibleEnd);
  DayPilotMonth1.DataBind();
  DayPilotMonth1.UpdateWithMessage("Event deleted.");

}

Demo

http://www.daypilot.org/demo/Month/EventDeleting.aspx

Row Double Click (Scheduler)

asp.net scheduler row double click

<DayPilot:DayPilotScheduler
  ...
  RowDoubleClickHandling="Edit"
  ...
/>

Inline Row Editing (Scheduler)

asp.net scheduler inline row editing

.aspx

<DayPilot:DayPilotScheduler 
  ...
  RowClickHandling="Edit" 
  RowEditHandling="CallBack"
  OnRowEdit="DayPilotScheduler1_OnRowEdit"
  ...
  />

.aspx.cs

protected void DayPilotScheduler1_OnRowEdit(object sender, RowEditEventArgs e)
{
  e.Resource.Name = e.NewText;
  setDataSourceAndBind();
  DayPilotScheduler1.UpdateWithMessage("Resource name changed to : " + e.NewText);
}

Demo

http://www.daypilot.org/demo/Scheduler/RowEditing.aspx

Row Selecting (Scheduler)

asp.net scheduler row selecting

.aspx

<DayPilot:DayPilotScheduler 
  ...  
  RowSelectHandling="CallBack"
  RowClickHandling="Select" 
  OnRowSelect="DayPilotScheduler1_OnRowSelect"
  ...
  />

.aspx.cs

protected void DayPilotScheduler1_OnRowSelect(object sender, RowSelectEventArgs e)
{
  DayPilotScheduler1.UpdateWithMessage("Number of selected rows: " + DayPilotScheduler1.SelectedRows.Count);
  DayPilotScheduler1.Update(CallBackUpdateType.None);
}

Demo

http://www.daypilot.org/demo/Scheduler/RowSelecting.aspx

Windows 8 Touch Support (Calendar)

DayPilot Calendar now supports Windows 8 touch devices.

Touch Gesture Customization (Calendar)

Tutorial:

HTML5 Event Calendar: Touch Events Customization (ASP.NET)

Custom Touch Drag Handlers (Calendar)

You can add custom touch drag handlers using event active areas.

Example

protected void DayPilotCalendarWeek_OnBeforeEventRender(object sender, BeforeEventRenderEventArgs e)
{
  e.Areas.Add(new Area().Top(0).Left(10).Right(10).Height(20).CssClass("event_action_move").Move().Visibility(AreaVisibility.Visible));
}

Tutorial:

HTML5 Event Calendar: Touch Events Customization (ASP.NET)

External Drag and Drop on Touch Devices (Calendar)

Example:

<p>Drag items from this list to the calendar:</p>
<ul id="external">
  <li data-id="123" data-duration="1800"><span style="cursor:move">Item #123 (30 minutes)</span></li>
  <li data-id="124" data-duration="3600"><span style="cursor:move">Item #124 (60 minutes)</span></li>
</ul>

<script type="text/javascript">
  var parent = document.getElementById("external");
  var items = parent.getElementsByTagName("li");
  for (var i = 0; i < items.length; i++) {
      var e = items[i];
      var item = {
          element: e,
          id: e.getAttribute("data-id"),
          text: e.innerText,
          duration: e.getAttribute("data-duration")
      };
      DayPilot.Calendar.makeDraggable(item);
  }
</script>

Tutorial:

HTML5 Event Calendar: Touch Events Customization (ASP.NET)

Demo

http://www.daypilot.org/demo/Calendar/ExternalDragDrop.aspx

External Drag and Drop on Touch Devices (Scheduler)

asp.net scheduler external drag and drop

Example

<p>Drag items from this list to the calendar:</p>
<ul id="external">
  <li data-id="123" data-duration="1800"><span style="cursor:move">Item #123 (30 minutes)</span></li>
  <li data-id="124" data-duration="86400"><span style="cursor:move">Item #124 (1 day)</span></li>
</ul>

<script type="text/javascript">
  var parent = document.getElementById("external");
  var items = parent.getElementsByTagName("li");
  for (var i = 0; i < items.length; i++) {
      var e = items[i];
      var item = {
          element: e,
          id: e.getAttribute("data-id"),
          text: e.innerText,
          duration: e.getAttribute("data-duration")
      };
      DayPilot.Scheduler.makeDraggable(item);
  }
</script>

Demo

http://www.daypilot.org/demo/Scheduler/ExternalDragDrop.aspx

Improvements

[Scheduler] Calendar: External drag&drop supported on touch devices - using DayPilot.Calendar.makeDraggable(). Scheduler: External drag&drop supported on touch devices - using DayPilot.Scheduler.makeDraggable(). Calendar: Event active areas with Move() action w... (build 3090)
[Calendar] Calendar: External drag&drop supported on touch devices - using DayPilot.Calendar.makeDraggable(). Scheduler: External drag&drop supported on touch devices - using DayPilot.Scheduler.makeDraggable(). Calendar: Event active areas with Move() action w... (build 3090)
[Calendar] Calendar: TimeRangeTapAndHoldHandling property added. (build 3095)
[Demo] Scheduler: External drag and drop demo supports mobile touch devices. (build 3098)
[Scheduler] Scheduler: External drag and drop demo supports mobile touch devices. (build 3098)
[Calendar] Calendar: External drag and drop example switched to DayPilot.Calendar.makeDraggable(). (build 3100)
[Scheduler] Scheduler: TreeAutoExpand property added (default value is true). (build 3100)
[Calendar] Calendar: Windows 8 touch support. (build 3101)
[Calendar] Calendar: Windows 8 touch support complete (external drag and drop, event active area drag handler). (build 3102)
[Scheduler] Scheduler: Clearing the drawArea cache after callback. (build 3105)
[Scheduler] Scheduler: Pre-generated resource columns in BeforeResHeaderRender during image export. (build 3106)
[Scheduler] Scheduler: MinHeight and MarginBottom added to BeforeResHeaderRender. (build 3110)
Active areas: Visible()/Hover() replaces Visibility(). Bubble() added as another action type (activates event bubble on hover). (build 3114)
[Scheduler] Scheduler: Row selecting, row editing. (build 3116)
[Scheduler] Scheduler: Resource active areas hold a correct source object. Areas: HoverMenu() action supported. (build 3117)
[Calendar] Event deleting using a context menu in Calendar/RecurrentEvents.aspx example. (build 3120)
[Calendar] Calendar: Event deleting supported in CssOnly mode. (build 3121)
[Scheduler] Scheduler: ImageUrl supported in Resource.Column[]. (build 3126)
[Scheduler] Scheduler.LoadStylesDefaultTheme() added. (build 3127)
[Scheduler] Scheduler: DurationBarBackColor added. (build 3127)
[Scheduler] Scheduler: DataItem accessible in BeforeResHeaderRender during image export. (build 3128)
[Calendar] Calendar: Custom column width in ViewType="Resources" and ColumnWidthSpec="Fixed". Use Column.Width (px). (build 3133)

Fixes

[Calendar] Calendar: Default event ToolTip fixed. (build 3104)
[Calendar] Calendar: Resizing using event end fixed in overnight shift setup (DayBeginsHour > DayEndsHour). (build 3111)
[Scheduler] Scheduler: HeaderColumns export fixed. Default tree node icons used during export if no custom image is specified. (build 3112)
[Scheduler] Scheduler: external drag over resource and time header fixed. (build 3123)
[Scheduler] Scheduler: Export percentage width fixed (multiple columns). (build 3131)
[Month] Month: Preventing the default context menu on cell right click (fixed). (build 3135)

API Changes

EventDeleteEventArgs class moved from DayPilot.Web.Ui.Events to DayPilot.Web.Ui.Events.Calendar namespace.

Real-Time Moving Position Indicator (Scheduler)

Real-Time Resizing Position Indicator (Scheduler)

Real-Time Selection Position Indicator (Scheduler)

Event Deleting (Scheduler)

Event Deleting (Event Calendar)

Event Deleting (Monthly Event Calendar)

Row Double Click (Scheduler)

Inline Row Editing (Scheduler)

Row Selecting (Scheduler)

Windows 8 Touch Support (Calendar)

Touch Gesture Customization (Calendar)

Custom Touch Drag Handlers (Calendar)

External Drag and Drop on Touch Devices (Calendar)

External Drag and Drop on Touch Devices (Scheduler)

Improvements

Fixes

API Changes

DayPilot Pro for ASP.NET

Components

DayPilot Lite for ASP.NET

Products

Tools

Resources

About Us

DayPilot Pro