chore: update listview validation example

Author: radkostanev

listview/ValidationExamples/ValidationExamples/Pages/AsyncMethods.razor

@@ -9,21 +9,23 @@
     <EditTemplate>
         <div style="border: 1px solid green; margin: 10px; padding: 10px; display: inline-block;">
             @{
-                currEditItem = context;
-                if (isEditing && currEditContext == null)
+                if (currEditContext == null || context != currEditItem)
                 {
-                    currEditContext = new EditContext(currEditItem);
+                    currEditContext = new EditContext(context);
                 }
+                currEditItem = context;
 
                 if (currEditContext != null)
                 {
                     <EditForm EditContext="@currEditContext" Context="formContext">
                         <DataAnnotationsValidator />
-                        <TelerikTextBox @bind-Value="@currEditItem.Name" Label="Name" />
+                        <label for="name">Name</label>
+                        <TelerikTextBox Id="name" @bind-Value="@currEditItem.Name" />
                         <ValidationMessage For="@(() => currEditItem.Name)"></ValidationMessage>
 
                         <br />
-                        <TelerikDropDownList Data="@Teams" @bind-Value="@currEditItem.Team" />
+                        <label for="team">Team</label>
+                        <TelerikDropDownList Id="team" Data="@Teams" @bind-Value="@currEditItem.Team" />
 
                         <ListViewCommandButton Command="Save" Icon="save">Save</ListViewCommandButton>
                         <ListViewCommandButton Command="Cancel" Icon="cancel">Cancel</ListViewCommandButton>

listview/ValidationExamples/ValidationExamples/Pages/BasicFormValidation.razor

@@ -7,22 +7,25 @@
 @using System.ComponentModel.DataAnnotations
 
 <TelerikListView Data="@ListViewData" Pageable="true"
-                 OnCreate="@CreateHandler" OnDelete="@DeleteHandler" OnUpdate="@UpdateHandler" OnCancel="@CancelHandler">
+                 OnCreate="@CreateHandler" OnDelete="@DeleteHandler" OnUpdate="@UpdateHandler">
     <EditTemplate>
         <div style="border: 1px solid green; margin: 10px; padding: 10px; display: inline-block;">
             @{
-                currEditItem = context;
-                if (currEditContext == null)
+                if (currEditContext == null || context != currEditItem)
                 {
-                    currEditContext = new EditContext(currEditItem);
+                    currEditContext = new EditContext(context);
                 }
+                currEditItem = context;
+
                 <EditForm EditContext="@currEditContext" Context="formContext">
                     <DataAnnotationsValidator />
-                    <TelerikTextBox @bind-Value="@currEditItem.Name" Label="Name" />
+                    <label for="name">Name</label>
+                    <TelerikTextBox Id="name" @bind-Value="@currEditItem.Name" />
                     <ValidationMessage For="@(() => currEditItem.Name)"></ValidationMessage>
 
                     <br />
-                    <TelerikDropDownList Data="@Teams" @bind-Value="@currEditItem.Team" />
+                    <label for="team">Team</label>
+                    <TelerikDropDownList Id="team" Data="@Teams" @bind-Value="@currEditItem.Team" />
 
                     <ListViewCommandButton Command="Save" Icon="save">Save</ListViewCommandButton>
                     <ListViewCommandButton Command="Cancel" Icon="cancel">Cancel</ListViewCommandButton>
@@ -68,8 +71,6 @@
         // update the view-model, can use returned data from the remote service too
         insertedItem.Id = ListViewData.Count + 1;
         ListViewData.Insert(0, insertedItem);
-
-        CleanUpValidation();
     }
 
     async Task DeleteHandler(ListViewCommandEventArgs e)
@@ -104,20 +105,6 @@
         {
             ListViewData[index] = updatedItem;
         }
-
-        CleanUpValidation();
-    }
-
-    void CancelHandler(ListViewCommandEventArgs e)
-    {
-        CleanUpValidation();
-    }
-
-    void CleanUpValidation()
-    {
-        // clean up for next run
-        currEditContext = null;
-        currEditItem = null;
     }
 
     // data and models follow

listview/ValidationExamples/ValidationExamples/Pages/CustomForm.razor

@@ -39,10 +39,12 @@
             <DataAnnotationsValidator />
             <div class="form-row">
                 <div class="col">
-                    <TelerikTextBox @bind-Value="@CurrentlyEditedItem.Name" Label="First Name"></TelerikTextBox>
+                    <label for="name">Name</label>
+                    <TelerikTextBox Id="name" @bind-Value="@CurrentlyEditedItem.Name" ></TelerikTextBox>
                 </div>
                 <div class="col">
-                    <TelerikTextBox @bind-Value="@CurrentlyEditedItem.Team" Label="Team"></TelerikTextBox>
+                    <label for="team">Team</label>
+                    <TelerikTextBox Id="team" @bind-Value="@CurrentlyEditedItem.Team" ></TelerikTextBox>
                 </div>
             </div>
             <div class="form-row">

listview/ValidationExamples/ValidationExamples/ValidationExamples.csproj

@@ -5,7 +5,7 @@
   </PropertyGroup>
 
   <ItemGroup>
-    <PackageReference Include="Telerik.UI.for.Blazor" Version="3.4.0" />
+    <PackageReference Include="Telerik.UI.for.Blazor" Version="3.6.0" />
   </ItemGroup>
 
 </Project>