docs: add documentation on how to provide more parameters to custom dialogs about fluentui-blazor HOT 5 CLOSED

You can add your property ShowLookUpButton to the Content object. Exactly as we sent the Id, Name and Age in the sample.

public record NameAndAge
{
    public int Id { get; set; }
    public string? Name { get; set; }
    public int Age { get; set; }
    public bool ShowLookUpButton { get; set; }    // 👈
}

[Parameter]
public DialogCustomizableExample.NameAndAge Content { get; set; } = default!;

from fluentui-blazor.

[Parameter]
public DialogCustomizableExample.NameAndAge Content { get; set; } = default!;

from fluentui-blazor.

Closing. Correct way of working explained.

from fluentui-blazor.

@dvoituron what about passing EventCallbacks?

from fluentui-blazor.

Have you tried anything? It's exactly the same:

Example adapting the Customized Dialog from our Demo website.

1. Adding properties (an Action or an EventCallback)

   public record NameAndAge
   {
       public int Id { get; set; }
       public string? Name { get; set; }
       public int Age { get; set; }
       public Action<MouseEventArgs>? OnClick { get; set; }  // 👈
       public EventCallback<MouseEventArgs> OnClickCallback { get; set; }  // 👈
   }

2. Initializing these properties

   protected override void OnInitialized()
   {
       DialogData.OnClick = (e) => { Console.WriteLine("Clicked"); };
       DialogData.OnClickCallback = EventCallback.Factory.Create<MouseEventArgs>(this, ShowDTMessage);
   }
   
   private void ShowDTMessage(MouseEventArgs e)
   {
       Console.WriteLine("Clicked on another button");
   }

3. Using these new properties in the Dialog.

   <FluentDialogBody>
       <FluentButton OnClick="@(e => Content.OnClick?.Invoke(e) )">Click</FluentButton>
       <FluentButton OnClick="@Content.OnClickCallback">Click Callback</FluentButton>
   
       <FluentTextField @bind-Value="@Content.Name">Name:</FluentTextField>
       <FluentNumberField @bind-Value="@Content.Age">Age:</FluentNumberField>
   </FluentDialogBody>

from fluentui-blazor.