DayPilot Pro for JavaScript 2024.4.6243

How to Add Interactive Elements to Vue Scheduler Events Using Vue Templates

Release date: November 1, 2024

Features

  • In Vue 3, all components allow specifying properties and event handlers directly as attributes, instead of using a configuration object (:config)
  • Vue Calendar supports templates for events, grid cells, column headers, time headers in Vue 3
  • Vue Navigator (date picker) supports templates for cells in Vue 3

Improvements

  • [Gantt] rows.collapseAll(), rows.expand(), and rows.expandAll() added to TypeScript definitions (Gantt). (build 6201)
  • [Scheduler] Scheduler event templates supported in Vue 3 (<template #event="{event}"></template>). (build 6217)
  • [Scheduler] Scheduler cell templates supported in Vue 3 (<template #cell="{cell}"></template>). (build 6223)
  • [Scheduler] Scheduler row header templates supported in Vue 3 (<template #rowHeader="{row, x}"></template>). (build 6224)
  • [Scheduler] Scheduler time header templates supported in Vue 3 (<template #timeHeader="{header}"></template>). (build 6225)
  • Calling args.preventDefault() in the onClick handler of a context menu item prevents the menu from hiding. (build 6226)
  • [Calendar] Do not modify the original event data object (start and end fields) when loading events in the Calendar. (build 6227)
  • [Calendar] Calendar event templates supported in Vue 3 (<template #event="{event}"></template>). (build 6227)
  • [Calendar] Calendar cell templates supported in Vue 3 (<template #cell="{cell}"></template>). (build 6228)
  • [Calendar] Calendar column header templates supported in Vue 3 (<template #columnHeader="{column}"></template>). (build 6229)
  • [Calendar] Calendar time header templates supported in Vue 3 (<template #timeHeader="{header}"></template>). (build 6229)
  • [Scheduler] DayPilot.Scheduler.onBeforeRowHeaderDomArgs event fired for every row header cell (when multiple row header columns are defined). (build 6230)
  • [Month] Month event templates supported in Vue 3 (<template #event="{event}"></template>). (build 6231)
  • [Month] Month cell templates supported in Vue 3 (<template #cell="{cell}"></template>). (build 6232)
  • [Navigator] Navigator cell templates supported in Vue 3 (<template #cell="{cell}"></template>). (build 6238)

Fixes

  • [Scheduler] Expanding a tree node that contains split rows fixed (Scheduler). (build 6227)