2013-10-23 3 views
1

50 개의 열과 1000 개가 넘는 레코드가있는 ExtJS 그리드를 사용하고 있습니다. 수직/수평 스크롤 및 셀 편집시 성능 문제에 직면하고 있습니다. 이 데이터 크기에 대한 페이지 매김없이 매끄러운 성능을 얻는 것이 가능합니까, 아니면 유일한 해결책입니까?ExtJS 4.1.0 그리드 성능 문제

답변

2

무한 스콜링을 사용해야합니다. 이렇게하면 1000 개의 레코드가있는 테이블을 dom에 만들지 않고 브라우저를 느리게 만들지 않고 테이블을 표시 할 수 있습니다.

this example in the docs을 살펴보십시오.

는이 같은 버퍼 저장소를 정의하고 무한 스크롤에 대한 매개 변수를 구성해야합니다

Ext.define('Test.store.Owners', { 
    extend: 'Ext.data.Store', 
    model: 'Test.model.PersonalInfo', 
    autoLoad: true, 
    buffered: true, 
    pageSize: 25, 
    purgePageCount: 5, 
    leadingBufferZone: 5, 
    trailingBufferZone: 5, 
}); 

백엔드가 페이지 매김을 지원하고 totaloffset 속성을 포함한 JSON 개체를 반환해야합니다. 예 :

{"total":"1003", 
"offset":225, 
"data":[ 
    {"id":"227","name":"Candice","address":"P.O. Box 247, 7586 Eget Av.","state":"Minnesota"}, 
    {"id":"228","name":"Benedict","address":"P.O. Box 664, 7028 Vitae Rd.","state":"FL"}, 
    ... 
} 

내 대답은 ExtJs 4.2.2입니다. 버전 4.1과 다른 점은 무엇입니까?