ExtJS 무한 스크롤

1081 단어
자세히 보기
무한 스크롤을 하려면 스토어에서 작업만 하면 돼요.
extjs는 두 개의 스토어 유형으로 무한 스크롤을 실현할 수 있습니다. 각각
BufferedStore 및 Ext.data.virtual.Store
modern toolkit에서는virtualstore만 사용할 수 있기 때문에virtualstore만 말할 수 있습니다
viewModel의store 설정
 
memberinfono: {
    autoLoad:true,
    type:'virtual',
    ...................
    ...................
    proxy: {
        type:'ajax',
        url : '..............',
        reader: {
            type: 'json',
            rootProperty: 'memberinfo.data',
            totalProperty  : 'memberinfo.totalItemCount',
        }
    }
}

 
 
 
서버에서 extjs 요청의 페이지 파라미터를 읽고 대응하는 데이터를 되돌려주면 됩니다.
 
if(isset($_GET['page']))
    $page=$_GET['page']-1;
if(isset($_GET['limit']))
    $pageSize=$_GET['limit'];

 
 
 
proxy pageParam 설정과 limitParam 설정을 통해 요청 매개 변수 이름을 지정할 수 있습니다

좋은 웹페이지 즐겨찾기