chore: sync grid xplat samples remove of forceUpdate

Author: damyanpetev

samples/grids/grid/binding-composite-data/src/index.tsx

@@ -125,26 +125,22 @@ export default class Sample extends React.Component<any, any> {
         return (
             <>
                 <div className="contact-container--edit" style={{padding: "1rem"}}>
-                    <IgrInput label='Name' onInput={(e: any) =>
-                        {
-                            cell.row.data.ContactName = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.ContactName}></IgrInput>
-                    <IgrInput label='Title' onInput={(e: any) =>
-                        {
-                            cell.row.data.ContactTitle = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.ContactTitle}></IgrInput>
-                    <IgrInput label='Company' onInput={(e: any) =>
-                        {
-                            cell.row.data.Company = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.Company}></IgrInput>
+                    <IgrInput
+                        label='Name'
+                        onInput={(e: any) => cell.row.data.ContactName = e.detail}
+                        value={cell.row.data.ContactName}
+                    ></IgrInput>
+                    <IgrInput
+                        label='Title'
+                        onInput={(e: any) => cell.row.data.ContactTitle = e.detail}
+                        value={cell.row.data.ContactTitle}
+                    ></IgrInput>
+                    <IgrInput
+                        label='Company'
+                        onInput={(e: any) => cell.row.data.Company = e.detail}
+                        value={cell.row.data.Company}
+                    ></IgrInput>
                 </div>
-            </>
         );
     }
 
@@ -184,30 +180,26 @@ export default class Sample extends React.Component<any, any> {
         return (
             <>
                 <div className="contact-container--edit" style={{padding: "1rem"}}>
-                    <IgrInput label='Country' onInput={(e: any) =>
-                        {
-                            cell.row.data.Country = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.Country}></IgrInput>
-                    <IgrInput label='City' onInput={(e: any) =>
-                        {
-                            cell.row.data.City = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.City}></IgrInput>
-                    <IgrInput label='Postal Code' onInput={(e: any) =>
-                        {
-                            cell.row.data.PostalCode = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.PostalCode}></IgrInput>
-                    <IgrInput label='Phone' onInput={(e: any) =>
-                        {
-                            cell.row.data.Phone = e.detail;
-                            grid.forceUpdate();
-                        }
-                        } value={cell.row.data.Phone}></IgrInput>
+                    <IgrInput
+                        label='Country'
+                        onInput={(e: any) => cell.row.data.Country = e.detail}
+                        value={cell.row.data.Country}
+                    ></IgrInput>
+                    <IgrInput
+                        label='City'
+                        onInput={(e: any) => cell.row.data.City = e.detail}
+                        value={cell.row.data.City}
+                    ></IgrInput>
+                    <IgrInput
+                        label='Postal Code'
+                        onInput={(e: any) => cell.row.data.PostalCode = e.detail}
+                        value={cell.row.data.PostalCode}
+                    ></IgrInput>
+                    <IgrInput
+                        label='Phone'
+                        onInput={(e: any) => cell.row.data.Phone = e.detail}
+                        value={cell.row.data.Phone}
+                    ></IgrInput>
                 </div>
             </>
         );

samples/grids/grid/multi-column-headers-template/src/index.tsx

@@ -173,7 +173,6 @@ export default class Sample extends React.Component<any, any> {
                 c.hidden = !c.hidden;
             }
         }
-        columnGroup.forceUpdate();
         this.columnGroupStates.set(columnGroup, !this.columnGroupStates.get(columnGroup));
     }
 }

samples/grids/hierarchical-grid/multi-column-headers-template/src/index.tsx

@@ -300,7 +300,6 @@ export default class Sample extends React.Component<any, any> {
                 c.hidden = !c.hidden;
             }
         }
-        columnGroup.forceUpdate();
         this.columnGroupStates.set(columnGroup, !this.columnGroupStates.get(columnGroup));
     }
 }

samples/grids/tree-grid/multi-column-headers-template/src/index.tsx

@@ -175,7 +175,6 @@ export default class Sample extends React.Component<any, any> {
                 c.hidden = !c.hidden;
             }
         }
-        columnGroup.forceUpdate();
         this.columnGroupStates.set(columnGroup, !this.columnGroupStates.get(columnGroup));
     }
 }