DayPilot.Calendar.onAfterRender

The onAfterRender event handler fires when the JavaScript Calendar component is updated and re-rendered.

Declaration

DayPilot.Calendar.onAfterRender(args)

Parameters

• args.isCallBack (boolean) - true when the event is fired after a callback (ASP.NET WebForms and MVC, Java)

• args.data - data object passed to Update() on the server side (ASP.NET WebForms and MVC, Java)

Notes

The args.isCallBack and args.data members are relevant for server-side integrations. In client-side JavaScript usage, this event is useful when you need to run code after the calendar has finished a render cycle.

Examples

JavaScript

const calendar = new DayPilot.Calendar("dp", {
  onAfterRender: () => {
    console.log("Calendar rendered");
  },
  // ...
});
calendar.init();

Angular

<daypilot-calendar [config]="config"></daypilot-calendar>

config: DayPilot.CalendarConfig = {
  onAfterRender: () => {
    console.log("Calendar rendered");
  },
  // ...
};

React

<DayPilotCalendar
  onAfterRender={onAfterRender}
  {/* ... */}
/>

const onAfterRender = () => {
  console.log("Calendar rendered");
};

Vue

<DayPilotCalendar
  @afterRender="onAfterRender"
  <!-- ... -->
/>

const onAfterRender = () => {
  console.log("Calendar rendered");
};

See Also

DayPilot.Calendar Class