ホームページ > ウェブフロントエンド > jsチュートリアル > jquery プラグイン web2.0 グリッド ページング スクリプト、ajax の更新なしで使用可能 paging_jquery

jquery プラグイン web2.0 グリッド ページング スクリプト、ajax の更新なしで使用可能 paging_jquery

WBOY
リリース: 2016-05-16 18:57:07
オリジナル
980 人が閲覧しました

******js フッターの生成******
****No Sword (2008-03-05)****
更新日: 2008-3-12
追加2 つのパラメータ: displaynum、displaylastNum 表示されるページ番号の数を自由にカスタマイズできます

パラメータ: pagesize:10 //各ページに表示されるページ番号の数
、count:0 //データの数items
, css:"mj_pagefoot" //ページフッター CSS スタイル class
,current:1 //現在のページ番号
,displaynum:7 //中央に表示されるページ番号の数
,displaylastNum:5 //最後に表示されたページ番号の数
,previous:"前ページ" //前のページの表示スタイル
,next:"次のページ" //次のページの表示スタイル
,paging :null //ページング イベントがトリガーされたときのコールバック 関数

が使用されます:
$("div").pagefoot({
pagesize:10,
count:500,
css:"mj_pagefoot",
前: "<",
次:">",
paging:function(page){
alert("現在のページ "page");
}
});
上記のコードは、ページング フッター コードをすべての div に追加します
*/
パラメーターの 1 つについて特に説明する必要があります: paging

1 このパラメーターページングフッターがページングするときにトリガーされるアクションです。このアクションに何かを追加しないと、ページングが正常に機能しないため、次のように追加できます:
paging:function(page){
location.href="?page= page;
}
もちろん、ページングのページ番号の位置を維持するには、更新時に現在のページ番号をパラメータ current
に割り当てる必要があります。ページに値を割り当てない場合、デフォルト値はページ 1 です。 。 。

2 いくつかのデータ読み込みアクションを追加すると、更新なしの ajax とみなすことができます (笑)
paging:function(page){
//ajax.loaddata(page);
技術的な内容はありません。ただ練習してください (笑)

コードをコピーします コードは次のとおりです:
JackLee: paging:function(page){
location.href="?page= page;
}
これには問題がありますか? ?
ページ 10 をクリックすると、div ナビゲーションではページ 1 が現在のページになります。ページ 10 が現在のページになるはずです。
----------------------------------------------- --- ---------
ここでは注意を払っていませんでした:
---
もちろん、ページングのページ番号の位置を維持するには、次のことを行う必要があります。ページを更新するときに現在のページ番号を割り当てます。パラメータに値を割り当てない場合、デフォルト値は最初のページです。 。 。
---
このページをリロードした後、手動で値を割り当てる必要があります。
これをやりたくない場合は、ajax を使用してページネーションする方が良いでしょう。それほど面倒ではありません


オンラインデモ
http://img. jb51.net/online/ jquery.pageFoot/DEMO.htm
ファイルのパッケージ化http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート