ExtJS ~1000개 요소의 그리드/데이터 저장소를 처리할 수 있습니까?

Question

ExtJS TabPanel을 포함하는 ExtJS 창을 여는 JavaScript 응용 프로그램이 있습니다. 여기에는 데이터 표가 포함된 탭이 있으며 각각 7개의 텍스트 필드 열이 있는 약 900 - 1000개의 행을 표시합니다.그리드는 한 번에 약 100개의 행을 표시하도록 필터링될 수도 있습니다.창이 열릴 때 이 탭으로 이동하면 Firefox 또는 Safari가 60초 이상 회전/잠길 수 있습니다.

이것은 Ext 2.2입니다.

코드 없이는 말하기가 매우 어렵다는 것을 알고 있습니다.하지만 코드를 보지 않고 내 질문은 다음과 같습니다.ExtJS가 그렇게 많은 데이터의 그리드를 표시할 수 있어야 합니까?최적화를 시도할 때 내 코드를 살펴봐야 합니까, 아니면 ExtJS 자체가 문제입니까?이렇게 큰 그리드를 표시하기 위해 ExtJ를 사용하는 사람이 있나요?

Answer 1

ExtJS 자체는 그 많은 행을 처리할 수 있습니다. 서버에서 1000행으로 제한한 그리드가 있지만 페이지는 문제 없이 렌더링됩니다. 확실히 60초가 걸리지 않습니다.

기타 질문:

• XML 또는 JSON 형식으로 데이터를 보내고 있습니까?우리는 JSON을 JsonStore에 직접 로드하는 방법을 사용하고 있습니다.
• 데이터가 렌더링되기 전에 데이터 처리를 수행하고 있나요?
• 어떤 특정 그리드 클래스를 사용하고 있습니까?

Answer 2

나는 창/tabpanel 내에서 그것을하지 않습니다 (그리드는 메인 페이지 본문 내에 직접 표시됩니다). 예, Ext 2.2는 1000 줄을 합리적으로 잘 처리해야합니다 ( 약간 지연이지만 확실히 60 초가 아닙니다).

고려해야 할 사항 :

1. 데이터를 어떻게 읽고 있습니까? 실제로 60 초가 걸리나요? 세우다 데이터로드에 의해 데이터의 중요한 부분입니까?
2. 예를 들어, 100의 증분에서 페이지를 찍을 수 있습니까? 아니면 그렇지 않다면 게으른 부하?
3. 이 페이지에서 다른 일이 일어나고 있습니까?

Answer 3

내가 직접 사용하지 않았기 때문에 확실하지 않지만 그리드 구성 요소를 직접 볼 때 이것을 발견했습니다.

버퍼 extjs 그리드

더 적은 행을 렌더링하도록 페이지를 제한 할 수 있습니까? 또는 페이지 당 1000 개가 필요합니까 (사용자가 볼 수있는 많은 것들). 예를 들어 250이 더 유용하고 더 효율적으로 동시에 나올 수 있습니까?