Blazor Scheduler Example - Fare Calendar
This demo illustrates how to customize the scheduler to showcase it as an Airfare calendar depicting the lowest available price on each day of a month for a specific route, say between Barcelona and Los Angeles.
Cheapest one way fares from Barcelona to Los Angeles
| ||||||||||||||||||||||||||||||||||||||||||
|
Properties
In this demo, Scheduler initially displays the fare of the airline service which offers lowest price on each day by comparing
between the 3 available airlines. Here, the 3 airline services acts as the Scheduler resources. Appointment collection
has been dynamically generated for a month (for all the 3 resources) within the
GenerateEvents method and then filtered externally based on the ascending Fare value within the
FilterByFare method. Since each day of the Scheduler needs to display only a single appointment showing the fare value, it has been queried to take only the first 30 values from the sorted list and assigned it to the Scheduler
DataSource. Here, the filtering process needs to be carried in
OnInitialized method and therefore, the dataSource of Scheduler is assigned within this method.
Scheduler has been rendered in a readonly mode and therefore no editing actions are allowed here. To customize the look of
the appointments that displays the fare value,
EventTemplate option within the
ScheduleView tag is being used. Also, the tooltip has been enabled with
TooltipTemplate option to display the flight details in a customized style.