Resolving comments

IgniteUI · Jan 9, 2025 · 630ee69 · 630ee69
1 parent 436ee41
commit 630ee69
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/samples/grids/grid/remote-paging-grid/src/index.tsx b/samples/grids/grid/remote-paging-grid/src/index.tsx
@@ -20,29 +20,29 @@ export default function App() {
   const [data, setData] = useState([]);
   const [page, setPage] = useState(0);
   const [perPage, setPerPage] = useState(15);
-  const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
     loadGridData(page, perPage);
   }, [page, perPage]);
 
   function loadGridData(pageIndex?: number, pageSize?: number) {
-    // Set loading state
-    setIsLoading(true);
+    // Set loading
+    grid.current.isLoading = true;
 
     // Fetch data
     RemoteService.getDataWithPaging(pageIndex, pageSize)
       .then((response: CustomersWithPageResponseModel) => {
         setData(response.items);
         // Stop loading when data is retrieved
-        setIsLoading(false);
+        grid.current.isLoading = false;
         paginator.current.totalRecords = response.totalRecordsCount;
       })
       .catch((error) => {
         console.error(error.message);
         setData([]);
         // Stop loading even if error occurs. Prevents endless loading
-        setIsLoading(false);
+        grid.current.isLoading = false;
+
       })
   }
 
@@ -63,7 +63,6 @@ export default function App() {
           pagingMode={GridPagingMode.Remote}
           primaryKey="customerId"
           height="600px"
-          isLoading={isLoading}
         >
         <IgrPaginator 
           perPage={perPage}

diff --git a/samples/grids/hierarchical-grid/remote-paging-hgrid/src/index.tsx b/samples/grids/hierarchical-grid/remote-paging-hgrid/src/index.tsx
@@ -20,29 +20,30 @@ export default function App() {
   const [data, setData] = useState([]);
   const [page, setPage] = useState(0);
   const [perPage, setPerPage] = useState(15);
-  const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
     loadGridData(page, perPage);
   }, [page, perPage]);
 
   function loadGridData(pageIndex?: number, pageSize?: number) {
     // Set loading state
-    setIsLoading(true);
+    hierarchicalGrid.current.isLoading = true;
 
     // Fetch data
     RemoteService.getCustomersDataWithPaging(pageIndex, pageSize)
       .then((response: CustomersWithPageResponseModel) => {
         setData(response.items);
         // Stop loading when data is retrieved
-        setIsLoading(false);
+        hierarchicalGrid.current.isLoading = false;
+
         paginator.current.totalRecords = response.totalRecordsCount;
       })
       .catch((error) => {
         console.error(error.message);
         setData([]);
         // Stop loading even if error occurs. Prevents endless loading
-        setIsLoading(false);
+        hierarchicalGrid.current.isLoading = false;
+
       })
   }
 
@@ -52,6 +53,8 @@ export default function App() {
     parentKey: string
   ) {
     const context = event.detail;
+    context.grid.isLoading = true;
+
     const parentId: string = context.parentID;
     const childDataKey: string = rowIsland.childDataKey;
 
@@ -88,7 +91,6 @@ export default function App() {
           pagingMode={GridPagingMode.Remote}
           primaryKey="customerId"
           height="600px"
-          isLoading={isLoading}
         >
           <IgrPaginator 
             perPage={perPage}