Lazy Loading

Hi, we are using the ejGrid and we're pretty happy with it in most ways.  We would like to load large amounts of data on the grid but control it with server-side paging to reduce load times on the client.  Do you have an example of using your grid with server-side paging?  Basically, we would like the grid to only load the records that are visible on the screen and then load more as you scroll to the bottom of the current set of records (i.e., infinite scrolling).

<div id="Grid"></div>        <script type="text/babel">          $(function(){          var data = ej.DataManager({url: "/Grid/DataSource", adaptor:"UrlAdaptor"});          var settings = { width: 550, height: 300, enableVirtualization: true };          ReactDOM.render(          <div id="Grid2">              <table>                  <tr>                      <td>                          <EJ.Grid id="Grid_1" dataSource={data} allowScrolling={true} allowSorting={true} scrollSettings={settings}>                              <columns>  ………………………………………………………………………………..                              </columns>                          </EJ.Grid>                      </td>                  </tr>                </table>          </div>,          document.getElementById('Grid')          );          });      </script>         public IEnumerable OrderData = new NorthwindDataContext().OrdersViews.ToList();            public ActionResult DataSource(DataManager dataManager)          {              IEnumerable data = OrderData;              DataOperations operation = new DataOperations();              if (dataManager.Sorted != null && dataManager.Sorted.Count > 0) //Sorting              {                  data = operation.PerformSorting(data, dataManager.Sorted);              }              if (dataManager.Where != null && dataManager.Where.Count > 0) //Filtering              {                  data = operation.PerformWhereFilter(data, dataManager.Where, dataManager.Where[0].Operator);              }              int count = data.Cast<OrdersView>().Count();              if (dataManager.Skip != 0)              {                  data = operation.PerformSkip(data, dataManager.Skip);              }              if (dataManager.Take != 0)              {                  data = operation.PerformTake(data, dataManager.Take);              }              return Json(new { result = data, count = count });          }

Hi, thank you for the quick response, just to be clear, we're using the ReactJS Grid in a React project.  This example looks like a C# example which uses React.  Can you give us an example that is for a ReactJS/Typescript project?

Hi, what we need is an example like above but with the Grid using ReactJS on the front-end and Node on the back-end.  Can we get something like that?