ExtJS Способен обрабатывать сетки / массивы данных из ~ 1000 элементов?
-
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 секунд).
Что нужно учитывать:
<Ол>Не уверен, поскольку я сам не использовал его, но я сталкивался с этим, когда сам смотрел на компоненты сетки.
Можно ли ограничить страницы отображением меньшего количества строк? или есть необходимость иметь 1000 на страницу (довольно много для пользователей, чтобы посмотреть). Вы можете найти, например, 250 более полезных и более эффективных одновременно?