Category / Section
How to work with EventToCommandBehavior in Xamarin.Forms (SfSchedule)
1 min read
You can turn the Event to Command in Xamarin.Forms SfSchedule by using Behaviours.
Refer to the online user guide documentation for converting the Event to Command in Schedule for MonthInlineAppointmentTapped event.
C#
Command for the MonthInlineAppointmentTapped event of SfSchedule defined in ViewModel.
public class SchedulerViewModel : INotifyPropertyChanged
{
private Command<MonthInlineAppointmentTappedEventArgs> monthInlineAppointmentTappedCommand;
public Command<MonthInlineAppointmentTappedEventArgs> MonthInlineAppointmentTappedCommand
{
get { return monthInlineAppointmentTappedCommand; }
set
{
monthInlineAppointmentTappedCommand = value;
this.OnPropertyChanged("MonthInlineAppointmentTappedCommand");
}
}
public SchedulerViewModel ()
{
MonthInlineAppointmentTappedCommand = new Command<MonthInlineAppointmentTappedEventArgs>(OnMonthInlineAppointmentTapped);
}
private void OnMonthInlineAppointmentTapped(MonthInlineAppointmentTappedEventArgs obj)
{
if(obj.Appointment != null)
App.Current.MainPage.DisplayAlert("", (obj.Appointment as Meeting).EventName.ToString(), "OK");
else
App.Current.MainPage.DisplayAlert("","No Event", "OK");
}
public event PropertyChangedEventHandler PropertyChanged;
private void OnPropertyChanged(string propertyName)
{
this.PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}
}
XAML
Setting the EventToCommandBehaviour class to the SfSchedule.Behaviours.
<syncfusion:SfSchedule x:Name="schedule" ScheduleView="MonthView" DataSource="{Binding Meetings}" ShowAppointmentsInline="true" >
<syncfusion:SfSchedule.Behaviors>
<local:EventToCommandBehavior EventName="MonthInlineAppointmentTapped" Command="{Binding MonthInlineAppointmentTappedCommand}" />
</syncfusion:SfSchedule.Behaviors>
<syncfusion:SfSchedule.AppointmentMapping>
<syncfusion:ScheduleAppointmentMapping
SubjectMapping="EventName"
ColorMapping="Color"
StartTimeMapping="From"
EndTimeMapping="To">
</syncfusion:ScheduleAppointmentMapping>
</syncfusion:SfSchedule.AppointmentMapping>
</syncfusion:SfSchedule>
Output
