Dialog parameter passing etc. using Blazored Modal

Author: dajma00

IMS/Client/Pages/DialogTest.razor

@@ -2,24 +2,34 @@
 
 @using IMS.Shared
 
-<h3>Blazor Dialog Sample</h3>
-<button @onclick="@(() => Modal.Show<DialogOk_Cancel>("My Movies"))" class="btn btn-primary">View Movies</button>
+<h3>Blazored Dialog Sample</h3>
+<div class="card mb-4">
+    <div class="card-body">
+        <p class="card-text">
+            <code>
+            </code>
+        </p>
+    </div>
+</div>
+@*<button @onclick="@(() => Modal.Show<DialogOk_Cancel>("My Movies"))" class="btn btn-primary">View Movies</button>*@
 <button @onclick="ShowModal" class="btn btn-primary">Show Modal</button>
 @res
 
 @code {
+    
     [CascadingParameter]
     public IModalService Modal { get; set; }
     string res = "";
     bool showDialog;
     async Task ShowModal()
     {
+        
         var dialog = Modal.Show<DialogOk_Cancel>("Welcome!");
         var result = await dialog.Result;
         if (result.Cancelled) 
             res = "Cancel clicked";
         else
-            res = "";
+            res = (string)result.Data; //cast to the the type that is expected.
 
 
 

IMS/Client/Shared/DialogOk_Cancel.razor

@@ -1,13 +1,33 @@
-<h2>Your data was saved successfully!</h2>
+<h2>Would you like to proceed?</h2>
 
-<button @onclick="Cancel" class="btn btn-secondary">Cancel</button>
-<button @onclick="Cancel" class="btn btn-secondary">Ok</button>
+
+<button class="btn btn-success" @onclick="Yes" >Yes</button>
+<button @onclick="No" class="btn btn-dark">No</button>
+<button @onclick="Cancel" class="btn btn-dark">Cancel</button>
 @code{
     [CascadingParameter] BlazoredModalInstance BlazoredModal { get; set; }
 
     void Cancel()
     {
         BlazoredModal.Cancel(); //send cancel info to the calling parent
-        
+
+    }
+    public class Amjad
+    {
+        string member1;
+        string member2;
+    }
+    void Yes()
+    {
+
+        //closes dialog and send data back to the calling component (DialogTest.razor)
+        //BlazoredModal.Close(ModalResult.Ok<Amjad>(new Amjad())); //can send an object like this
+        BlazoredModal.Close(ModalResult.Ok<string>("Yes button was clicked."));
+
+    }
+    void No()
+    {
+        BlazoredModal.Close(ModalResult.Ok<string>("The No button was clicked."));
+
     }
 }