2017-11-15 9 views
0

Django와 앱 부트 스트랩 테이블을 사용하여 테이블을 올바르게 포맷합니다.부트 스트랩 테이블 : 서버 측 페이지 매기기 + nextPage 메소드

많은 데이터가 있으므로 서버 측 페이지 매김을 사용하고 있습니다. 잘 작동합니다.

이제 nextPage 메서드와 같은 몇 가지 메서드를 구현하고 싶습니다. 서버 측 매김 + 방법 nextPage의 예 jsfiddle을 결합하여

, 그것은 작동하지 않습니다

http://jsfiddle.net/ThePhi/msj2apLb/1/

<button id="button2" class="btn btn-default">nextPage</button> 

<table data-toggle="table" 
     data-url="http://issues.wenzhixin.net.cn/examples/bootstrap_table/data" 
     data-pagination="true" 
     data-side-pagination="server" 
     data-page-list="[5, 10, 20, 50, 100, 200]" 
     data-search="true" 
     data-height="300"> 
    <thead> 
    <tr> 
     <th data-field="state" data-checkbox="true"></th> 
     <th data-field="id" data-align="right" data-sortable="true">Item ID</th> 
     <th data-field="name" data-align="center" data-sortable="true">Item Name</th> 
     <th data-field="price" data-sortable="true">Item Price</th> 
    </tr> 
    </thead> 
</table> 
<script> 
    var $table = $('#table'), 

     $button2 = $('#button2'); 
    $(function() { 

     $button2.click(function() { 
      $table.bootstrapTable('nextPage'); 
     }); 

    }); 
</script> 
+0

어떤 방법으로 작동하지 않습니까? – souldeux

+0

'nextPage'버튼 클릭 : 페이지 변경 없음 ... – ThePhi

답변

0
:이 nextPage 방법에 바인딩 된 경우에도 아무것도하지 않습니다 nextPage 버튼을 클릭하면

나는

이 jsFiddle 작업 ... id="table"을 넣어 잊었 : http://jsfiddle.net/ThePhi/msj2apLb/1/