jQuery EasyUI API 中国語ドキュメント - Pagination_jquery
$.fn.pagination.defaults でデフォルトをオーバーライドします。
依存関係
リンクボタン
使用法
$('#pp').pagination({
total:2000,
pageSize:10
});
特性
名称 |
类型 |
说明 |
默认值 |
total |
number |
记录总数,应该在创建pagination时设置。 |
1 |
pageSize |
number |
页面尺寸。(译者注:每页显示的最大记录数) |
10 |
pageNumber |
number |
创建pagination时显示的页码。 |
1 |
pageList |
array |
用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。 |
[10,20,30,50] |
loading |
boolean |
定义了是否数据正在加载。 |
false |
buttons |
array |
定义了自定义按钮,每个按钮包含两个特性: |
null |
showPageList |
boolean |
定义了是否显示页面列表。 |
true |
showRefresh |
boolean |
定义了是否显示刷新按钮。 |
true |
beforePageText |
string |
在input组件之前显示label。 |
Page |
afterPageText |
string |
在input组件之后显示label。 |
of {pages} |
displayMsg |
string |
显示页面信息。 |
Displaying {from} to {to} of {total} items |
事件
名称 |
参数 |
说明 |
onSelectPage |
pageNumber, pageSize |
当用户选择新的页面时触发。回调函数包含两个参数: |
onBeforeRefresh |
pageNumber, pageSize |
刷新按钮点击之前触发,返回false就取消刷新动作。 |
onRefresh |
pageNumber, pageSize |
刷新之后触发。 |
onChangePageSize |
pageSize |
当用户改变页面尺寸时触发。 |
Methods
名称 |
参数 |
说明 |
options |
none |
返回options对象。 |
loading |
none |
把pagination变成正在加载(loading)状态。 |
loaded |
none |
は、ページネーション を読み込み完了 (読み込み済み) ステータスに変更します。 |

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









PHP 開発: テーブル データのソート機能とページング機能を実装する方法 Web 開発では、大量のデータを処理するのが一般的なタスクです。大量のデータを表示する必要があるテーブルの場合、通常、優れたユーザー エクスペリエンスを提供し、システム パフォーマンスを最適化するために、データの並べ替え機能とページング機能を実装する必要があります。この記事では、PHP を使用してテーブル データのソート機能とページング機能を実装する方法と、具体的なコード例を紹介します。ソート機能はテーブルにソート機能を実装しており、ユーザーはさまざまなフィールドに従って昇順または降順でソートできます。以下は実装フォームです

CakePHP は、開発者に多くの便利なツールと機能を提供する強力な PHP フレームワークです。その 1 つはページネーションです。これは、大量のデータを複数のページに分割し、閲覧と操作を容易にするのに役立ちます。デフォルトでは、CakePHP はいくつかの基本的なページネーション メソッドを提供しますが、場合によってはカスタムのページネーション メソッドを作成する必要がある場合があります。この記事では、CakePHP でカスタム ページネーションを作成する方法を説明します。ステップ 1: カスタム ページネーション クラスを作成する まず、カスタム ページネーション クラスを作成する必要があります。これ

データが増大し続けると、表形式の表示がより困難になります。ほとんどの場合、テーブル内のデータの量が多すぎるため、読み込みが遅くなり、ユーザーは必要なデータを見つけるために常にページを参照する必要があります。この記事では、JavaScript を使用して表データのページ分割表示を実現し、ユーザーが目的のデータを見つけやすくする方法を紹介します。 1. テーブルを動的に作成する ページング機能をより制御しやすくするには、テーブルを動的に作成する必要があります。 HTML ページに、以下のようなテーブル要素を追加します。

JavaScript を使用してテーブル ページング機能を実装するにはどうすればよいですか?インターネットの発展に伴い、テーブルを使用してデータを表示する Web サイトがますます増えています。データ量が多い場合には、ユーザー エクスペリエンスを向上させるためにデータをページに表示する必要があります。この記事では、JavaScript を使用してテーブル ページング機能を実装する方法と具体的なコード例を紹介します。 1. HTML 構造 まず、テーブルとページング ボタンをホストするための HTML 構造を準備する必要があります。 <tab を使用できます

MyBatis は優れた永続層フレームワークであり、XML とアノテーションに基づいたデータベース操作をサポートし、シンプルで使いやすく、豊富なプラグイン メカニズムも提供します。その中でも、ページング プラグインは、よく使用されるプラグインの 1 つです。この記事では、MyBatis ページング プラグインの原理を詳しく説明し、具体的なコード例で説明します。 1. ページング プラグインの原理 MyBatis 自体はネイティブ ページング機能を提供しませんが、プラグインを使用してページング クエリを実装できます。ページング プラグインの原理は主に MyBatis を傍受することです

Layui を使用してページング機能を備えたデータ表示ページを開発する方法 Layui は、シンプルで美しいインターフェイス コンポーネントと豊かなインタラクティブ エクスペリエンスを提供する軽量のフロントエンド UI フレームワークです。開発中、大量のデータを表示し、ページングを実行する必要がある状況によく遭遇します。以下はLayuiを使用して開発したページング機能付きのデータ表示ページの例です。まず、Layui 関連のファイルと依存関係を導入する必要があります。 HTML ページの <head> タグに次のコードを追加します。

Vue コンポーネントの実践: ページング コンポーネント開発の概要 Web アプリケーションでは、ページング機能は不可欠なコンポーネントです。優れたページング コンポーネントは、プレゼンテーションがシンプルかつ明確で、機能が豊富で、統合と使用が簡単である必要があります。この記事では、Vue.js フレームワークを使用して高度にカスタマイズ可能なページング コンポーネントを開発する方法を紹介します。 Vueコンポーネントを使った開発方法をコード例を通して詳しく解説します。テクノロジースタック Vue.js2.xJavaScript (ES6) HTML5 および CSS3 開発環境

Vue は、ユーザー インターフェイスを構築するための人気のある JavaScript フレームワークです。 Vue テクノロジーの開発では、ページング機能の実装が一般的な要件です。この記事では、Vue を使用してページング機能を実装する方法と具体的なコード例を紹介します。始める前に、いくつかの基礎知識を事前に準備する必要があります。まず、Vue の基本概念と構文を理解する必要があります。次に、Vue コンポーネントを使用してアプリケーションを構築する方法を知る必要があります。始める前に、Vue プロジェクトにページング プラグインをインストールする必要があります。
