Большая проблема с предоставлением данных

Question

Каков наилучший способ визуализации больших данных в представлении? Есть ли способ сделать это по частям?

Действие контроллера создает большой набор данных (матрица 1000x1000) и возвращает его в режим просмотра. Когда я делаю это, браузер зависает. Данные создаются другой службой, и я не могу получить ее с меньшими порциями.

Матрица представляет собой двумерный массив значений INT.

контроллер код:

public ActionResult GetData() 
{ 
    var result = ThirdPartyService.GetData(); 

    return View(result); 
} 

Посмотреть код:

<table>    
     <% foreach (var x = 0; x < Model.Matrix.Count; x++) { %> 
      <tr> 
     <% foreach (var y = 0; y < Model.Matrix[x].Count; y++) { %> 
      <td><% = Model.Matrix[x, y] %></td> 
     <% } %> 
     </tr> 
    <% } %> 
</table> 

Answer 1

Вы можете отобразить пустую таблицу и получить данные с сервера для использования ajax для ее заполнения. Таким образом, вы загрузите макет и данные, но не контент <tr><td></td></tr>. Если вы делаете математику:

• <tr></tr> для каждой строки дает 9 * 1000 = 9000 байт
• <td></td> для каждой ячейки в каждой строке дает 9 * 1000 * 1000 = 9000000 байт
• Всего: 9009000

Вы можете уменьшить примерно 9 мб от запроса, и это очень много!

Также вы можете включить GZip на сервере, чтобы данные перемещались сжатыми.

Answer 2

Я предполагаю, что матрица, размер не отображается на всю страницу, поэтому мое предложение динамически манипулировать DOM, так как пользователь прокручивает , присоединяясь к событию прокрутки. Это работало для меня довольно удивительно, используя SlickGird в качестве компонента рендеринга данных, с письменным настраиваемым плагином для обработки автоматического заполнения с более чем 1k элементами. У браузера нет проблем с обработкой больших наборов данных (я тестировал до 400 тыс. Объектов JS), но он определенно зависает при их отображении. Так что просто отрисуйте часть экрана, на которой вы находитесь.