페이지 매김을 만드는 방법?

페이지 네이션으로 Dynatable의 예제를 만들려고하는데, 이렇게하려면 html 파일과 동일한 디렉토리에서 직접 Ajax를 사용하여로드 된 json과 html 파일을 만들었습니다.페이지 매김을 만드는 방법?

데이터가 올바르게 렌더링되고, 꼬리말에 "5 개 레코드 중 5 개가 표시됩니다 (전체 레코드 45 개에서 필터링 됨)"라고 표시됩니다. 문제는 오른쪽에있는 링크이며 9 페이지를 표시해야하는 경우 1 페이지 만 표시합니다.

이

은 HTML 콘텐츠입니다 :

<body> 
<div class="dynatable-demo">  
<table id="my-ajax-table" class="table table-bordered hoverTable"> 
<thead> 
     <tr> 
     <th data-dynatable-column="idturno" data-dynatable-no-sort="true">Id Turno</th> 
     <th data-dynatable-column="accessionnumber">Accesion Number</th> 
     <th data-dynatable-column="apellidopaterno">Apellido Paterno</th> 
     </tr> 
</thead> 
<tbody> 
</tbody> 
</table> 
</div> 

<script> 

$('#my-ajax-table').dynatable({ 
dataset: { 
    ajax: true, 
    ajaxOnLoad: true, 
    ajaxUrl: 'consulta.json', 
    records: [], 
    perPageDefault: 5, 
    perPageOptions: [5,10,100] 
} 
}); 
</script>

그리고 여기에 "consulta.json"파일입니다 :

{ 
"records": [ 
    { 
     "idturno": "88", 
     "accessionnumber": "24471579", 
     "apellidopaterno": "DORATO^PABLO EZEQUIEL" 
    }, 
    { 
     "idturno": "89", 
     "accessionnumber": "0001", 
     "apellidopaterno": "apepaterno" 
    }, 
    { 
     "idturno": "90", 
     "accessionnumber": "0002", 
     "apellidopaterno": "apepaterno" 
    }, 
    { 
     "idturno": "91", 
     "accessionnumber": "0003", 
     "apellidopaterno": "apepaterno" 
    }, 
    { 
     "idturno": "92", 
     "accessionnumber": "0004", 
     "apellidopaterno": "apepaterno" 
    } 
], 
"queryRecordCount": 5, 
"totalRecordCount": 45 
}

출처

2014-05-13 leonardorame

코드이 추가

$('#my-ajax-table').dynatable({ 
dataset: { 
    ajax: true, 
    ajaxOnLoad: true, 
    ajaxUrl: 'consulta.json', 
    records: [], 
    perPageDefault: 5, 
    perPageOptions: [5, 10, 100] 
}, 
features: { 
    paginate: true, 
    sort: true, 
    pushState: false, 
    search: true, 
    recordCount: true, 
    perPageSelect: true 
}

});

출처

2014-11-06 07:17:51

페이지 매김 매개 변수를 구성한 후 JSON이 'queryRecordCount'및 'totalRecordCount'필드를 반환하는지 확인하십시오.

출처

2017-03-01 17:22:39

페이지 매김을 만드는 방법?

답변

관련 문제