2017-11-15 6 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/

関連する問題