2012-04-09 2 views
-4

수 백 행을 반환하는 표가있는 MVC보기가 있습니다. 브라우저를 소개하는 데 오랜 시간이 걸립니다.MVC + jQuery - 브라우저 UI를 차단하지 않고 많은 수의 행으로 표를로드하십시오.

jQuery를 사용하여 행 청크 (예 : 각 10 개의 tiem)를 얻기 위해 서버에 비동기 호출을하고 사용자에게 무언가 완료되고 있다는 느낌을주기 위해 한 번 청크를 그립니다.

어떻게하면됩니까? 전체 행 수를 알지 못한다는 점을 고려하십시오. 서버가 완료 (또는 시간 초과)되었음을 알릴 때까지로드해야합니다.

가능한 경우 단계별 해결 방법을 알려주십시오. 당신이 infinite scroll이 필요한 것처럼

덕분에 ...

+4

이 질문은 Q & A 형식에 맞지 않습니다. 우리는 일반적으로 답변이 사실, 참고 문헌 또는 특정 전문 지식을 포함 할 것으로 기대합니다. 이 질문은 아마도 의견, 논쟁, 논쟁, 여론 조사 또는 확장 된 토론을 요구할 것입니다. – iambriansreed

+0

어떻게 보이지 않습니다. 나는 의견을 찾고 있지 않다. 비동기 호출을하고 테이블을 채우기 위해 jQuery 코드 솔루션이 필요하다. 나는 어떤 종류의 상호 작용 (스크롤 같은)을 포함하지 않았거나 이전에 리턴 될 행의 수를 아는 어떤 해결책도 찾지 못했습니다 ... –

+0

* "가능하면 제발 단계별 솔루션이 필요합니다. "* ... 불행히도 Stack Overflow는"단계별 솔루션 "사이트가 아닙니다. 어디서부터 시작해야할지 모르시는 경우 Google이 귀하의 답변입니다. 이미 시작했고 예상대로 작동하지 않는 코드가 있으면 SO를 찾아 게시하십시오. – rdlowrey

답변

1

는 소리.

편집 : 당신은 매우 높은 값 bufferPx 옵션을 설정할 수 있습니다

는 부하가, 예를 들어, 스크롤에서 일어나는되지 않은 것 같은 느낌 만들려면

bufferPx: 2000 // load at least 2000 pixels worth of data 
+0

그것에 대해 생각했지만 스크롤 할 때 테이블을 채우고 싶지 않습니다. 사용자 상호 작용과는 별도로 채워 져야합니다. 레코드가 한 번에 하나의 청크로로드 될 때 표시되도록 설정하면됩니다. –

+0

@SirGallahad 어쨌든 모든 행을로드 할 필요가 없습니다. 스크롤 할 때로드가 발생하지 않는 것처럼 느껴지도록 편집 된 답변을 참조하십시오. – Razor

+0

나는 데모 작업을 다운로드하고 만들었습니다 ... 좋았지 만 나에게 좋지 않습니다. 왜냐하면 네비게이터가 필요하기 때문에 처음으로 스크롤해야 탐색 할 수 있습니다. 프리 페치가 필요한만큼 작동하지 않습니다. –

관련 문제