Question

我正在创建一个仪表板页面，在一个页面中显示超过3k的记录。由于一次获取和显示所有3k记录并不好并且减慢页面加载速度，我最初获取100条记录然后在页面加载时，我有以下代码来加载下一页的数据。我正在使用kendo数据源并在dataSourceChanged事件上调用以下函数。

 function loadAllDashboardMeters() {

   var totalRecords = $('.jq-dashboard-meters-wrapper').data('total');
   var displayedRecords = dashboardDataSource.page() * dashboardDataSource.pageSize();// $('.meter-gauge-container').length;

    //if total records is greater than displayedRecords and request is not blocked
   if (totalRecords > displayedRecords && blockRequest == false) {

          //block next request
          blockRequest = true;

          //display bottom loader
          $('.jq-dahboard-loader').fadeIn();

          dashboardDataSource.page(dashboardDataSource.page() + 1);   
      }
}

它工作正常，但问题是我无法向下滚动（滚动被阻止），直到页面上加载了所有3k记录。请建议是否有更好的方法来处理这个问题，以便在后台加载数据而不影响用户

用于大型数据集的ASP.NET MVC仪表板

0 个答案: