12. 参考

Atitit. リスト ページと条件付きクエリを実装するためのベスト プラクティス (2)-----ページめくりページング コントロールの実装 java .net php

Atitit.リスト ページ と条件付きクエリを実装するためのベスト プラクティス(2)----- の実装ページめくりとページネーションのコントロール java .net php

1. ページめくりに関連するいくつかの主要なコントロール:: 検索ボックス コントロール、表示テーブル コントロール、ページめくり、 データソース制御.. 1

2. ページめくりの表示形式:: 1

2.1. --「ホームページ」、「前ページ」、「次ページ」、「最後のページ」、指定したページに移動します 1

2.2. Baidu Style

:: ...< ;前のページ567891011121314次のページ 2

2.3. 総合ページ ホーム ページ"、"前のページ ページ"、56789 "次のページ」、「最後のページ」、指定したページへ移動 2

2.4. 2

3. ページめくりとデータ ソース コントロールの間でデータを交換します

.. 2

4. ページング

/詳細ページめくり処理 2

4.1.検索ボックス検索ボタンイベント

: 24.2. ページめくりイベント

:

24.3. ジャンプ

イベント

... 25. サーバー側またはクライアント側で実行します

??

36. データ ソース内のページめくりデータを取得し、サーバー側またはクライアント側で実行します。 client

??

37. ページめくりコントロールの選択

::easyui

38. ページめくりコントロール拡張ポイント

および

コールポイント 39. コンテナインジェクション

DI、IOC

バインドサーチコントロールおよびページコントロールとデータ ソースとテーブル コントロール. 310.データソースの総レコードの計算方法

:::

Sub-energysql count()... 3 11 . #---コード 4

12. 参照 7

1. ページめくりに関連するいくつかの主要なコントロール:: 検索ボックス コントロール、表示テーブル コントロール、ページめくり、データ ソース コントロール..

2. ページめくりの表示形式::

2.1. 通常は ui- "ホームページ"、"前ページ」、「次ページ」、「最後のページ」、指定したページへ移動

「ホームページ」、「前ページ」、「次ページ」 ページ」、「

現在のページ/総ページ数 総アイテム数 指定されたページサイズ セレクター

2.2. Baidu スタイル: :...

2.3. 総合ページ「ホームページ」、「前のページ」、56789「次のページ」、「最後のページ」、およびジャンプ 指定したページに移動します

2.4.

メリットとデメリット

::

3. ページめくり データソースとの通信コントロール..

ページめくり

前、次

ページイベント ,,, が送信されます データ::: ページサイズ,ページ...

データ ソースは data を返します。:: rows(レコードの総数)、datalist..(現在のページのデータ)

4. 詳細なページング/ページめくりプロセス

4.1. :検索ボックス検索ボタン イベント:

検索ボックスのパラメーターを取得します。 >> > がページターナーに渡されます>>ページターナーの現在のページが 1> であることを指定します;>> Page Turner がクエリを実行します>>データ ソース>>>Getテーブル コントロール内で、...> で返されたレコード に基づいてページめくりの合計ページ数を計算します。 ...>> ページめくりは、自作の ホームページ" と "前のページ" を無効な状態に設定します。 または

検索ボックス コントロールはパラメータを取得します

>

クエリを直接実行します

pagesize,page=1>>データ ソース>》》》表示データを取得 テーブルコントロールにバインディングを表示 ...>>>の総ページ数を計算返されたレコードに基づくページめくり.>>> ;ページめくりの現在のページが 1>>ページめくりの設定では、ホームページ」と「前のページ」が無効になっています。 4.2. ページめくりイベント:

ページめくりの計算

(+-

または

goto

最初のページまたは最後のページ) 使用するページ数 >>実行により、検索ボックス コントロールからパラメーターが取得されます >>パラメータはデータ ソース コントロールに渡されます>>>ページめくりデータを返します..> ;>テーブル コントロールにバインディングが表示されます.. >>ホームページ、「前のページ」、「次のページ」、「最後のページ」が無効になっています.. 4.3. ジャンプイベント... 5. サーバー側コントロールとクライアント側コントロールのどちらを実行する方が良いですか?互換性を考慮して、ページめくりコントロールはクライアント上で実行する方が良い..java .net phpが使用できます

....

6. データソース内のページめくりデータを取得し、サーバーまたはクライアントで実行しますか??

観点から開発効率の向上、クライアント データ ソース内で少量のデータを取得できます...7. ページめくり制御の選択::easyui

クライアント

easyui

推奨

,,,...Ligerui 基本的に独立したページめくり制御

サーバー:: Unlucky、ほぼよく知られたページング コントロール、が持っていましたGaZiZiLan..

aspnetpager

8. ページめくりコントロールの拡張ポイントと呼び出しポイント

拡張ポイント :::インターフェイス、は、外部コントロールを呼び出すために使用されます...

var onSelectPage= function(pageNumber) , pageSize){

//$('#content')。 panel( 'refresh', 'show_content.php?page='+pageNumber);

クエリ();

}

コールポイント:::外部コントロールから呼び出せるページング制御メソッド..

resetPageTo1()

9. コンテナインジェクション DI、IOC バインディング検索制御とページ制御およびデータソースとテーブル制御。

10.データ ソース :::Sql count()...

またはデータベース ページ .. の代わりに サーバー

を使用してページングします。

11. #---code

3 行目: var onSelectPage= function(pageNumber, pageSize){

10 行目: //function pageIni(info)

27行目:関数setPageInfo(info)

53行目:関数resetPageTo1()

59行目:関数setBtnDisabled()

78行目:関数nextPage()

85 行目: 関数 firstPage()

93 行目: 関数 lastPage()

102 行目: 関数 prePage()

114 行目: 関数 setNextPageInfoNPaging( nextPage )

121行目: function page_go()

#---------------- - -detail

// JavaScript ドキュメント

//todox ini pageInfoStyle pagesize とバインド SelectPageevent===query..

var onSelectPage= function(pageNumber , pageSize){

//$('#content').panel('refresh' , 'show_content.php?page='+pageNumber);

クエリ();

}

//==================== = ====================

//function pageIni( info )

//{

////{

//// 合計:2000、

//// pageSize:10

//// }

// var total=info.total;

//var pageSize=info.pageSize;

//$("#totalPages").html(total/pageSize);

/ /$("#totalRows").html(合計);

////if(info.pageNumber==null )

////if($("#page").val()=="")

////$("#page").val(1);

//}

// setPageInfo({"total":data.total,"pageSize":7});

var pageCtrlId="page_page";

関数 setPageInfo(info)

{

//{pageSize

// 合計:2000,

//

// }

var 合計=情報.合計;

var pageSize=$("#pagesize" ).val();

$( "#totalPages").html(Math.ceil(合計/pageSize));

//ページエラーを修正

試してください{

var curPage= parseInt( $("#"+pageCtrlId).val(),10);

var totalPageShow= parseInt( $("#totalPages").text() ,10);

if(curPage>totalPageShow)

{

//setNextPageInfoNPaging(1);

}

}catch(e){}

$( "#totalRows").html(合計);

//if(info.pageNumber==null)

setBtnDisabled()

}

関数 resetPageTo1()

{

$("#"+pageCtrlId).val(1);

$("#page_page_lab").html(1);

}

関数 setBtnDisabled()

{

var curPage= parseInt( $("#"+pageCtrlId).val (),10);

$("#nextLastPageBtnArea").表示();

$("#firstPrePageBtnArea").show();

if(curPage==1)

{

$("#firstPageBtn")。 属性("無効",true) ;

$("#prePageBtn") .attr("無効",true);

$("#firstPageBtn,#prePageBtn").addClass('disable');

$("#firstPrePageBtnArea").非表示( );

}

if( curPage==$("#totalPages")。 テキスト())

{

$("#nextLastPageBtnArea").隠す();

//$("#firstPrePageBtnArea").hide();

}

}

関数 nextPage()

{

var curPage= parseInt( $("#" +pageCtrlId).val(), 10);

var nextPage=curPage+1;

setNextPageInfoNPaging(nextPage);

setBtnDisabled()

}

関数 firstPage()

{

var curPage= parseInt( $("#"+pageCtrlId) .val(),10);

var nextPage=1;

setNextPageInfoNPaging(nextPage);

setBtnDisabled()

}

関数 lastPage()

{

var curPage= parseInt( $("# "+pageCtrlId).val() 、10);

var nextPage=$("#totalPages").テキスト();

setNextPageInfoNPaging(nextPage);

setBtnDisabled()

}

関数 prePage()

{

var curPage= parseInt( $("#"+pageCtrlId).val(),10);

var nextPage=curPage-1;

setNextPageInfoNPaging(nextPage);

setBtnDisabled()

}

関数 setNextPageInfoNPaging(nextPage)

{

$("#" +pageCtrlId).val(nextPage) ;

$("#page_page_lab") .html(nextPage);

var pagesize=$("#pagesize") .val();

onSelectPage(次ページ,ページサイズ);

}

関数 page_go()

{

var goPage;

try{

goPage= parseInt( $ ("#pageItem").val(),10);

}キャッチ (e)

{アラート(e);return;

}

//var curPage= parseInt( $("#"+pageCtrlId).val(),10);

if(goPage=="")

{アラート("页码不对"); return;

}

if(goPage0)

{

アラート("ページ番号が間違っています") ;return;

}

var 合計= parseInt($("#totalPages").text(),10);

if(goPage> 合計)

{アラート("ページ番号が間違っています_overpage" );return;}

setNextPageInfoNPaging(goPage);

setBtnDisabled() ;

}

参照

JAVA リレーショナルデータベースでページめくりを実現 - Briver Song のコラム - ブログチャンネル - CSDN.NET

ASP.NET カスタムコントロールページめくり機能 - 笑う言い訳。 のログ - NetEase ブログ

Asp.net カスタム ユーザー コントロール - RedSoft - ブログ パーク