How to bind MVVM Command to buttons in .NET MAUI Popup (SfPopup)?

In .NET MAUI Popup, you have the ability to include footer buttons that users can interact with using ShowFooter. This article demonstrates how to handle the click events of the accept and decline buttons in the footer area of the SfPopup by using custom commands.

Implementing Custom Commands

To handle the actions of the accept and decline buttons, you can create custom commands by implementing the ICommand interface. Below is an example of how to create custom commands for both accept and decline buttons:

public class AcceptButtonCustomCommand : ICommand
{
    public event EventHandler CanExecuteChanged;

    public bool CanExecute(object parameter)
    {
        return true; // The command can always execute
    }

    public void Execute(object parameter)
    {
        // Implement the action to be performed on accept button click
    }
}

public class DeclineButtonCustomCommand : ICommand
{
    public event EventHandler CanExecuteChanged;

    public bool CanExecute(object parameter)
    {
        return true; // The command can always execute
    }

    public void Execute(object parameter)
    {
        // Implement the action to be performed on decline button click
    }
}

Assigning Custom Commands to Footer Buttons

Once you have defined your custom commands, you can assign them to the AcceptCommand and DeclineCommand of the SfPopup in Behavior.cs as shown below:

popup = bindable.FindByName<sfpopup>("popup");
acceptCommand = new AcceptButtonCustomCommand();
declineCommand = new DeclineButtonCustomCommand();
popup.AcceptCommand = acceptCommand;
popup.DeclineCommand = declineCommand;

View sample in GitHub

Conclusion

I hope you enjoyed learning about how to bind MVVM Commands in footer buttons in .NET MAUI Popup (SfPopup).

You can refer to our .NET MAUI Popup feature tour page to know about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!