웹 프론트엔드 JS 튜토리얼 jQuery EasyUI API 중국어 문서 - Pagination_jquery

jQuery EasyUI API 중국어 문서 - Pagination_jquery

May 16, 2016 pm 06:01 PM
pagination 쪽수 매기기

$.fn.pagination.defaults로 기본값을 재정의했습니다.
종속성
링크버튼
사용방법

코드복사 코드는 다음과 같습니다



코드 복사 코드는 다음과 같습니다.

$('#pp').pagination({
total:2000,
페이지 크기:10
})

特性

名称

类型

说明

默认值

total

number

记录总数,应该在创建pagination时设置。

1

pageSize

number

页面尺寸。(译者注:每页显示的最大记录数)

10

pageNumber

number

创建pagination时显示的页码。

1

pageList

array

用户能改变页面尺寸。pageList特性定义了能改成多大的尺寸。

[10,20,30,50]

loading

boolean

定义了是否数据正在加载。

false

buttons

array

定义了自定义按钮,每个按钮包含两个特性:
iconCls
CSS,它将显示一个背景图片
handler
:当按钮被点击时的处理函数。

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

当用户选择新的页面时触发。回调函数包含两个参数:
pageNumber
:新的页码
pageSize
:新的页面尺寸

onBeforeRefresh

pageNumber, pageSize

刷新按钮点击之前触发,返回false就取消刷新动作。

onRefresh

pageNumber, pageSize

刷新之后触发。

onChangePageSize

pageSize

当用户改变页面尺寸时触发。

Methods

名称

参数

说明

options

none

返回options对象。

loading

none

pagination变成正在加载(loading)状态。

loaded

none

페이지 매김을 로딩 완료(로드) 상태로 변경합니다.

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 Sep 20, 2023 am 11:28 AM

PHP 개발: 테이블 데이터 정렬 및 페이징 기능 구현 방법 웹 개발에서는 대량의 데이터를 처리하는 것이 일반적인 작업입니다. 많은 양의 데이터를 표시해야 하는 테이블의 경우 일반적으로 좋은 사용자 경험을 제공하고 시스템 성능을 최적화하기 위해 데이터 정렬 및 페이징 기능을 구현해야 합니다. 이 기사에서는 PHP를 사용하여 테이블 데이터의 정렬 및 페이징 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 정렬 기능은 테이블에 정렬 기능을 구현하여 사용자가 다양한 필드에 따라 오름차순 또는 내림차순으로 정렬할 수 있도록 합니다. 다음은 구현 형태이다

CakePHP에서 사용자 정의 페이지 매김을 만드는 방법은 무엇입니까? CakePHP에서 사용자 정의 페이지 매김을 만드는 방법은 무엇입니까? Jun 04, 2023 am 08:32 AM

CakePHP는 개발자에게 많은 유용한 도구와 기능을 제공하는 강력한 PHP 프레임워크입니다. 그 중 하나는 페이지 매김입니다. 이를 통해 대량의 데이터를 여러 페이지로 나누어 검색과 조작을 더 쉽게 할 수 있습니다. 기본적으로 CakePHP는 몇 가지 기본적인 페이지 매김 방법을 제공하지만 때로는 사용자 정의 페이지 매김 방법을 만들어야 할 수도 있습니다. 이 기사에서는 CakePHP에서 사용자 정의 페이지 매김을 만드는 방법을 보여줍니다. 1단계: 사용자 정의 페이지 매김 클래스 생성 먼저 사용자 정의 페이지 매김 클래스를 생성해야 합니다. 이것

JavaScript를 사용하여 테이블 데이터의 페이징 표시 구현 JavaScript를 사용하여 테이블 데이터의 페이징 표시 구현 Jun 16, 2023 am 10:00 AM

데이터가 계속해서 증가함에 따라 표 형식으로 표시하는 것이 더욱 어려워집니다. 대부분의 경우 테이블에 포함된 데이터의 양이 너무 많아 로드 속도가 느려지고 사용자는 원하는 데이터를 찾기 위해 끊임없이 페이지를 탐색해야 합니다. 이 기사에서는 JavaScript를 사용하여 테이블 데이터의 페이지 매김 표시를 구현하여 사용자가 원하는 데이터를 더 쉽게 찾을 수 있는 방법을 소개합니다. 1. 동적으로 테이블을 생성합니다. 페이징 기능을 보다 쉽게 ​​제어하려면 테이블을 동적으로 생성해야 합니다. HTML 페이지에서 아래와 유사한 테이블 요소를 추가합니다.

JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? Oct 20, 2023 pm 06:19 PM

JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법은 무엇입니까? 인터넷이 발달하면서 점점 더 많은 웹사이트에서 데이터를 표시하기 위해 테이블을 사용하고 있습니다. 데이터 양이 많은 경우에는 사용자 경험을 개선하기 위해 데이터를 페이지에 표시해야 합니다. 이 기사에서는 JavaScript를 사용하여 테이블 페이징 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. HTML 구조 먼저 테이블과 페이징 버튼을 호스팅할 HTML 구조를 준비해야 합니다. <tab을 ​​사용할 수 있습니다.

MyBatis 페이징 플러그인의 원리에 대한 자세한 설명 MyBatis 페이징 플러그인의 원리에 대한 자세한 설명 Feb 22, 2024 pm 03:42 PM

MyBatis는 XML과 주석을 기반으로 하는 뛰어난 지속성 레이어 프레임워크입니다. 또한 간단하고 사용하기 쉬운 플러그인 메커니즘도 제공합니다. 그 중 페이징 플러그인은 가장 많이 사용되는 플러그인 중 하나입니다. 이 기사에서는 MyBatis 페이징 플러그인의 원리를 자세히 살펴보고 특정 코드 예제를 통해 설명합니다. 1. 페이징 플러그인 원리 MyBatis 자체는 기본 페이징 기능을 제공하지 않지만 플러그인을 사용하여 페이징 쿼리를 구현할 수 있습니다. 페이징 플러그인의 원리는 주로 MyBatis를 가로채는 것입니다.

Layui를 사용하여 페이징 기능이 있는 데이터 표시 페이지를 개발하는 방법 Layui를 사용하여 페이징 기능이 있는 데이터 표시 페이지를 개발하는 방법 Oct 24, 2023 pm 01:10 PM

Layui를 사용하여 페이징 기능이 포함된 데이터 표시 페이지를 개발하는 방법 Layui는 간단하고 아름다운 인터페이스 구성 요소와 풍부한 대화형 경험을 제공하는 경량 프런트 엔드 UI 프레임워크입니다. 개발 중에 우리는 많은 양의 데이터를 표시하고 페이징을 수행해야 하는 상황에 자주 직면합니다. 다음은 Layui를 이용하여 개발한 페이징 기능이 포함된 데이터 표시 페이지의 예입니다. 먼저 Layui 관련 파일과 종속성을 소개해야 합니다. HTML 페이지의 <head> 태그에 다음 코드를 추가하세요.

Vue 구성요소 실습: 페이징 구성요소 개발 Vue 구성요소 실습: 페이징 구성요소 개발 Nov 24, 2023 am 08:56 AM

Vue 컴포넌트 실습: 페이징 컴포넌트 개발 소개 웹 애플리케이션에서 페이징 기능은 필수 컴포넌트입니다. 좋은 페이지 매김 구성 요소는 표현이 간단하고 명확해야 하며, 기능이 풍부하고, 통합 및 사용이 쉬워야 합니다. 이 기사에서는 Vue.js 프레임워크를 사용하여 고도로 사용자 정의 가능한 페이징 구성 요소를 개발하는 방법을 소개합니다. Vue 컴포넌트를 활용하여 개발하는 방법을 코드 예시를 통해 자세히 설명하겠습니다. 기술 스택 Vue.js2.xJavaScript(ES6) HTML5 및 CSS3 개발 환경

Vue 기술 개발에서 페이징 기능을 구현하는 방법 Vue 기술 개발에서 페이징 기능을 구현하는 방법 Oct 09, 2023 am 09:06 AM

Vue는 사용자 인터페이스 구축에 널리 사용되는 JavaScript 프레임워크입니다. Vue 기술 개발에서 페이징 기능 구현은 일반적인 요구 사항입니다. 이 기사에서는 Vue를 사용하여 페이징 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 시작하기 전에 몇 가지 기본 지식을 미리 준비해야 합니다. 먼저 Vue의 기본 개념과 구문을 이해해야 합니다. 둘째, Vue 구성 요소를 사용하여 애플리케이션을 구축하는 방법을 알아야 합니다. 시작하기 전에 Vue 프로젝트에 페이징 플러그인을 설치해야 합니다.

See all articles