fix: cell-editing docs and snippets for Blazor and WC

Author: MarielaTihova

doc/en/components/grids/_shared/cell-editing.md

@@ -1176,14 +1176,12 @@ public webTreeGridCellEdit(args: IgrGridEditEventArgs): void {
 <!-- ComponentEnd: TreeGrid -->
 <!-- end: React -->
 <!-- Blazor -->
-If the value entered in a cell under the **Age** column is below 18 or the value in the **HireDate** column is in the future, the editing will be cancelled and the user will be alerted to the cancellation.
-<!-- end: Blazor -->
-<!-- WebComponents, React -->
+<!-- WebComponents, React, Blazor -->
 <!-- ComponentStart: HierarchicalGrid -->
 If the value entered in a cell under the **Units On Order** column is larger than the available amount (the value under **Units in Stock**), the editing will be cancelled and the user will be alerted to the cancellation.
 <!-- ComponentEnd: HierarchicalGrid -->
 
-<!-- end: WebComponents, React -->
+<!-- end: WebComponents, React, Blazor -->
 
 <!-- Angular -->
 
@@ -1195,45 +1193,30 @@ Here, we are validating two columns. If the user tries to set an invalid value f
 
 <!-- ComponentStart: HierarchicalGrid -->
 ```typescript
-public webHierarchicalGridCellEdit(event: CustomEvent<IgcGridEditEventArgs>): void {
-    const today = new Date();
-    const column = event.detail.column;
-    if (column.field === 'Debut') {
-        if (event.detail.newValue > today.getFullYear()) {
-            event.detail.cancel = true;
-            alert('The debut date must be in the past!');
-        }
-    } else if (column.field === 'LaunchDate') {
-        if (event.detail.newValue > today) {
-            event.detail.cancel = true;
-            alert('The launch date must be in the past!');
+ public webGridEditingEventsCellEdit(args: CustomEvent<IgcGridEditEventArgs>): void {
+    var d = args.detail;
+    if (d.column != null && d.column.field == "UnitsOnOrder") {
+        if (d.newValue > d.rowData.UnitsInStock) {
+            d.cancel = true;
+            alert("You cannot order more than the units in stock!")
         }
     }
 }
 ```
 
 ```razor
 // In JavaScript
-igRegisterScript("HandleCellEdit", (ev) => {
-    const today = new Date();
-    const column = event.detail.column;
-    if (column.field === 'Debut') {
-        if (event.detail.newValue > today.getFullYear()) {
-            event.detail.cancel = true;
-            alert('The debut date must be in the past!');
-        }
-    } else if (column.field === 'LaunchDate') {
-        if (event.detail.newValue > today) {
-            event.detail.cancel = true;
-            alert('The launch date must be in the past!');
+igRegisterScript("WebGridEditingEventsCellEdit", (ev) => {
+    var d = ev.detail;
+
+    if (d.column != null && d.column.field == "UnitsOnOrder") {
+        if (d.newValue > d.rowData.UnitsInStock) {
+            d.cancel = true;
+            alert("You cannot order more than the units in stock!")
         }
     }
 }, false);
 ```
-<!-- Blazor -->
-Here, we are validating two columns. If the user tries to change an artist's **Debut** year or an album's **Launch Date**, the grid will not allow any dates that are greater than today.
-<!-- end: Blazor -->
-
 
 <!-- ComponentEnd: HierarchicalGrid -->