Boostrapのページングとテーブルの関連付け

Question

以下のコードを使用して、ビュー内のページ番号をレンダリングしました。それは正常に動作しています。しかし、このページ番号を対応するテーブルに関連付けるためのドキュメントが見つかりませんでした。今はテーブルのすべての行がロードされています。私はページ設定を関連付けるためにテーブルを指定する必要があると確信しています。 すべてのアイデア？

var options = { 
     currentPage: 1, 
     totalPages: 1000, 
     bootstrapMajorVersion: 3, 

    } 

    $('#myPager').bootstrapPaginator(options); 

ビュー

<ul class="pagination" id="myPager"> 
</ul> 

Answer 1

ブートストラップ・ページネーションのコンポーネントは、箱から出して、クライアント側の改ページを実行するために何のロジックを持っていない、あなた自身でそれを記述する必要があります。

あなたはブートストラップ・paginator.jsを使用する場合あなたがこの方法のようにAJAXリクエストを実行する必要がありますあなたのMVCのアクション

var options = { 
     currentPage: 3, 
     totalPages: 10, 
     onPageClicked: function(e,originalEvent,type,page){ 
      $('#table').html(htmlData); 

      $.ajax({ 
       method: "POST", 
       url: "GetTableDataUrl", 
       data: { page: page } 
      }) 
      .done(function(htmlData) { 
       $('#table').html(htmlData); 
      }); 
     } 
    } 

$('#example').bootstrapPaginator(options); 

をする必要があり、このようになります：私はあなたにお勧め

[HttpPost] 
    public ActionResult GetTableDataUrl(int page) 
    { 
     // retrieve data for the wanted page 
     return PartialView(""); 
    } 

このNugetパッケージを使用して下さい：PagedList.Mvc それはpaを実行することを可能にするHtmlヘルパーのセットを含んでいますページ番号をパラメータとしてアクションに渡し、それに応じてブートストラップコンポーネントをレンダリングします。

提案をASP.NET