3
클라이언트 측에서 많은 항목 목록을 렌더링 할 때 Ember.js에서 어떤 옵션이 있습니까? 페이지 매김은 렌더링 시간을 줄이는 명백한 방법으로 떠오르지 만, 자바 스크립트가 실행될 때 눈에 띄는 브라우저 동결없이 항목의 큰 목록을 렌더링 할 수있는 다른 트릭이 있습니까?Ember.js 브라우저를 잠그지 않고 큰 목록을 표시합니다.
A
답변
0
큰 목록을 렌더링 할 때 비슷한 성능 문제가 있음을 발견했습니다.
내 경우에는 로그 항목을 렌더링하는 경우입니다. 결국 jQuery를 사용하고 DOM에 직접 작성했습니다.
여기 내가 어떻게했는지에 관한 post입니다. 여기에 code입니다.
짧게 요약하면 50 개의 레코드가 화면에 표시됩니다. 화면 하단에 자세히보기 버튼을 클릭하십시오. 사용자가 이것을 클릭하면 목록의 맨 아래에 다음 50을 추가합니다.
내 기록은 읽기 전용입니다. CRUD 작업을 수행해야한다면 페이징이 포함 된 콜렉션을 사용하는 것으로 되돌아갑니다. 컬렉션은 바인딩 지원을 제공하므로 사용자가 레코드를 편집 할 때 목록의 필드가 자동으로 업데이트됩니다. CRUD 작업에 대한 설명은 post입니다.
내 코드는 EmberJS로 이름을 바꾸기 전에 Sproutcore 2를 계속 사용하고 있습니다. 나는 당신이 API의 대부분이 동일하다는 것을 알게 될 것이라고 생각한다. 단지 네임 스페이스가 바뀌어야한다.
희망이 도움이됩니다. 테이블
에 대한 목록
ember-table에 대한
1
ember-list-view는 정말 희망이 누군가를하는 데 도움이, 아무 소용이없이 목록 및 템플릿을 렌더링 만 다른 방법을 시도했다.
850 개 항목의 성능이 느립니다. 그리고 크롬을 실행하는 평균 이상의 하드웨어를 실행합니다. 나는 그것이 빠를 것으로 예상했다. – Stephan
나는 github에서 ember.js를 업데이트했으며 6 개월이나 된 것 같은 많은 것을 incresed로 속도를 올렸습니다. 그리고 한동안 많은 일이 일어났습니다. – Stephan
브라우저 잠금은 주로 렌더링 때문에 발생합니다. – Stephan