Example of how to open a modal window passing parameters

[edumorgan]

Please I hope someone can help me, I need to open one modal windows passing parameters, then save and update the father window with the updated info.
Someone has an exemple?
Thanks.

[Mithicor]

You can use the ContentDialog Control. I am not sure how familiar you are with it, but here is an example of one that I use and how to call it. (Doesn't include setting up the IContentDialogService)

If you use a ViewModel, then you can pass data that way.

Add a Page to your project and change it to a ui:ContentDialog.
Use this as an example for your Page / ui:ContentDialog

<ui:ContentDialog x:Class="MyProject.Views.Dialogues.AddUserFlyout"
                  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
                  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
                  xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
                  xmlns:L="clr-namespace:MyProject.Views.Dialogues"
                  Title="ADD USER"
                  ui:Design.Background="{ui:ThemeResource ApplicationBackgroundBrush}"
                  ui:Design.Foreground="{ui:ThemeResource TextFillColorPrimaryBrush}"
                  DialogMaxWidth="1200"
                  mc:Ignorable="d">

    <ui:ContentDialog.Resources>
        <Style BasedOn="{StaticResource {x:Type ui:ContentDialog}}" TargetType="{x:Type L:AddUserFlyout}" />
    </ui:ContentDialog.Resources>

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="35"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="5"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="5"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="150"/>
            <ColumnDefinition Width="5"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0" Text="EMPLOYEE ID:"/>
        <ui:TextBox Grid.Row="0" Grid.Column="2"/>

        <TextBlock Grid.Row="2" Grid.Column="0" Text="FULL NAME:"/>
        <ui:TextBox Grid.Row="2" Grid.Column="2"/>

        <TextBlock Grid.Row="4" Grid.Column="0" Text="TITLE:"/>
        <ComboBox Grid.Row="4" Grid.Column="2"/>

        <TextBlock Grid.Row="6" Grid.Column="0" Text="PHONE:"/>
        <ui:TextBox Grid.Row="6" Grid.Column="2" PlaceholderText="###-###-####"/>

        <TextBlock Grid.Row="8" Grid.Column="0" Text="EMAIL:"/>
        <ui:TextBox Grid.Row="8" Grid.Column="2" PlaceholderText="EMAIL@GMAIL.COM" CharacterCasing="Upper"/>
    </Grid>
</ui:ContentDialog>

public partial class AddUserFlyout : ContentDialog
{
    public MainViewModel Dashboard { get; }

    public AddUserFlyout(ContentPresenter contentPresenter, MainViewModel mainViewModel) : base(contentPresenter)
    {
        Dashboard = mainViewModel;

        InitializeComponent();
    }

    protected override void OnButtonClick(ContentDialogButton button)
    {
        if (button.ToString() == "Close")
        {
            base.OnButtonClick(button);
            return;
        }
        else
        {
            // DO SOMETHING WHEN NOT CANCELLED



            base.OnButtonClick(button);
            return;
        }
    }
}

I call the Content Dialog from a relaycommand in my ViewModel.

[RelayCommand]
private async Task OnAddNewUser()
{
    try
    {
        var NewContentDialog = new AddUserFlyout(_dialogService.GetContentPresenter(), this)
        {
            Title = "ADD NEW USER",
            PrimaryButtonText = "CREATE USER",
            SecondaryButtonText = "",
            CloseButtonText = "CANCEL"
        };


        var result = await NewContentDialog.ShowAsync();

        if (result == ContentDialogResult.Primary)
        {
            // DO SOMETHING ON SUCCESS
        }
        else
        {
            // DO SOMETHING ON FAILURE
        }
    }
    catch (Exception)
    {
    }
}

[edumorgan]

Thanks so much. for you help