Pass variables referenced to dialog control

Radzen.Blazor Components
1

Dear Radzen Team,

The dialog-control works perfectly. I especially like the possibility of keeping a Razor component outside the codebehind (example 1 with DialogCardPage).

What I haven't figured out yet is how to change a passed variable in the dialogue and then use this new value in the original class.

This would be a usual scenario if you had a list of all articles (or customers e.g.) in the main window and then you wanted to modify a specific article. However, you want to make this change in a separate modal (dialog) window. Usually you would pass the model class to the dialogue and display the data there for editing. Passing and displaying the data in the dialog is no problem, but I don't see how one can return changed data to the main window? One possibility would be to pass the variable (model class) to Dialog as a reference, but this is not the case when calling Dialog (new Dictionary<string, object>() { { "OrderID", orderID } }, => is not passed by reference):

await DialogService.OpenAsync<DialogCardPage>($"Order {orderID}",
               new Dictionary<string, object>() { { "OrderID", orderID } },
               new DialogOptions() { Width = "700px", Height = "512px", Resizable = true, Draggable = true });

What is the possibility to pass a variable (or a whole model class) referenced to Dialog, so that values changed there (in Dialog) are also visible in the main form?

Thanks
daniel

2

Reply you can return value from dialog using

DialogService.Close("return value")

and in your calling page

var returnVal=await DialogService.OpenAsync<DialogCardPage>($"Order {orderID}",
               new Dictionary<string, object>() { { "OrderID", orderID } },
               new DialogOptions() { Width = "700px", Height = "512px", Resizable = true, Draggable = true });
1 Like