Jquery Bootgrid - 現在のページをプログラム的に変更します

Question

jsonデータを持つ "Bootgrid"グリッドがあります（ajaxを使用していません）。

ページ分割ボタンは正常に機能しますが、現在のページをプログラムで変更したいと考えています。

$（ "＃grid"）のようなもの。bootgrid（）。setCurrentPage（100）;

私はそれを達成するための方法を提供するAPIが表示されません。

Answer 1

ご覧のとおり、bootgridには、現在のページを変更するための組み込みの方法はありません。あなたはそれを拡張することができます。

あなたのページにロードしているいくつかの.jsファイルにこれを追加：あなたは

---

bootgridと負荷データを構築するために使用するのと同じ .jsに貼り付けることができ

$.fn.bootgrid.Constructor.prototype.setCurrentPage = function (page) { 
    $(this).find('li.page-' + this.current).removeClass('active'); 
    $(this).find('li.page-' + page).addClass('active'); 
    this.current = page; 
    return this; 
} 

グリッドで使用すると、次のようになります。

// create the grid... 
var grid = $("#grid-data").bootgrid({ 
    ajax: false 
}); 

// add some rows with json data 
grid.bootgrid('append', 
[ 
    { 
     "id": 19, 
     "sender": "foo@test.com", 
     "received": "2014-05-30T22:15:00" 
    }, 
    { 
     "id": 14, 
     "sender": "bar@test.com", 
     "received": "2014-05-30T20:15:00" 
    }, 
    // ....many rows 
]); 

// call your custom method, to change to page 3 
grid.bootgrid('setCurrentPage', 3); 
// calling sort is just a workaround, so bootgrid reloads itself... 
grid.bootgrid('sort'); 

だから基本的に、私は（ちょうどスタイリングの目的のために）activeボタンを変更し、bootgridのcurrentプロパティを変更しますそのプロトタイプに新しいメソッドを追加します。

ページ番号を変更した後、我々はreloadと同じように、ページ番号をリセットせずにそのデータ、をリロードする力bootgridの回避策としてsortメソッドを呼び出します。

---

チェックthis JSFiddleを作成しました。それを試してみてください！！