ExtJS Способен обрабатывать сетки / массивы данных из ~ 1000 элементов?

StackOverflow https://stackoverflow.com/questions/1616048

  •  06-07-2019
  •  | 
  •  

Вопрос

У меня есть приложение JavaScript, которое открывает окно ExtJS, содержащее панель вкладок ExtJS, в которой есть вкладка, содержащая таблицу данных, содержащую приблизительно 900 - 1000 строк, каждая из которых содержит 7 столбцов текстовых полей.Сетка также может быть отфильтрована для отображения примерно 100 строк одновременно.Когда откроется окно, переход на эту вкладку может привести к зависанию Firefox или Safari более чем на 60 секунд...

Это Ext 2.2

Я знаю, что это очень трудно сказать без кода...но, не видя кода, мой вопрос таков:Должен ли ExtJS быть способен отображать сетку с таким большим количеством данных?Пытаясь оптимизировать, должен ли я смотреть на свой код, или проблема в самом ExtJS?Кто-нибудь использует ExtJS для отображения таких больших сеток?

Это было полезно?

Решение

ExtJS сам по себе может обрабатывать такое количество строк - у нас есть сетка, которую мы ограничили 1000 строками на сервере, но страница отрисовывается без проблем - уж точно не за 60 секунд.

Еще несколько вопросов:

  • Вы отправляете данные в формате XML или JSON?Мы используем JSON, загружая его непосредственно в JSONStore.
  • Выполняете ли вы какую-либо обработку данных перед их визуализацией?
  • Какой конкретный класс сетки вы используете?

Другие советы

Я не делаю это в Window / TabPanel (сетка отображается непосредственно в теле главной страницы), но я сомневаюсь, что это имеет значение. Да, Ext 2.2 должен и действительно обрабатывает 1000 строк достаточно хорошо (есть некоторая задержка, но это определенно не 60 секунд).

Что нужно учитывать:

<Ол>
  • Как вы читаете данные? Требуется ли 60 секунд для рендеринга данных или их загрузка занимает значительную часть?
  • Можете ли вы, скажем, разбить на 100 с шагом? Или, если нет, ленивая загрузка?
  • Есть ли что-то еще на этой странице, что может привести к этой задержке?
  • Не уверен, поскольку я сам не использовал его, но я сталкивался с этим, когда сам смотрел на компоненты сетки.

    Буферная ExtJS Grid

    Можно ли ограничить страницы отображением меньшего количества строк? или есть необходимость иметь 1000 на страницу (довольно много для пользователей, чтобы посмотреть). Вы можете найти, например, 250 более полезных и более эффективных одновременно?

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top