Scheduler for DevExtreme - How to display appointment information outside of Scheduler

This example demonstrates how to display appointment information in the List component instead of a tooltip:

You can use this approach to display appointment data not only in List but in other DevExtreme components as well. In the onAppointmentTooltipShowing event handler, prevent the tooltip from showing. Then, collect the appointment data and use it as a data source for the List.

Files to Review

• jQuery
  • index.js
• Angular
  • app.component.html
  • app.component.ts
• Vue
  • App.vue
• React
  • App.jsx

Documentation

• API Reference - onAppointmentTooltipShowing
• Getting Started with Scheduler
• Getting Started with List

More Examples

• Scheduler for DevExtreme - How to implement the appointment layout with the appointment template
• Scheduler for DevExtreme - How to create a custom editing form

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)