3.0.7 • Published 3 years ago

bee-pagination v3.0.7

Weekly downloads
208
License
MIT
Repository
github
Last release
3 years ago

bee-pagination

npm version Build Status Coverage Status

用于内容过多,分页显示内容

Pagination组件内部集成了子组件PaginationButton.PaginationButton并不暴露给用户。

使用

使用单独的bee-Pagination包

组件引入

先进行下载bee-Pagination包

npm install --save bee-pagination

组件调用

import Pagination from 'bee-pagination';
React.render(<div>
   <Pagination
        prev
        next
        first
        last
        ellipsis
        boundaryLinks
        items={20}
        maxButtons={5}
        activePage={this.state.activePage}
        onSelect={this.handleSelect.bind(this)} />
</div>, document.getElementById('target'));

样式引入

  • 可以使用link引入dist目录下bee-pagination.css
<link rel="stylesheet" href="./node_modules/build/Pagination.css">
  • 可以在js中import样式
import "./node_modules/src/Pagination.scss"
//或是
import "./node_modules/build/Pagination.css"

API

参数说明类型默认值
items总页数number1
activePage哪一页是激活状态number1
onSelect切换页的方法func() => {}
maxButtons显示最多页数按钮number0
prev显示上一页按钮boolfalse
next显示下一页按钮boolfalse
first显示第一页按钮boolfalse
last显示最后一页按钮boollast
ellipsis显示省略按钮boolfalse
boundaryLinks显示边界按钮boolfalse
gap按钮之间有间隔booltrue
noBorder不显示按钮边框boolfalse
size分页按钮大小(lg md sm)string'sm'
showJump是否显示跳页选择boolfalse(为了兼容老版本)
onDataNumSelect选择每页多少条的回调函数func() => {}
dataNumSelect每页多少条的下拉选择Option内容array'5','10','15','20'
dataNum下拉选择的设定值的indexnum1
total一共多少条num1
disabledpagination不可用,不可点击boolfalse
confirmBtn渲染确认按钮dom的方法func() => {}

开发调试

$ git clone https://github.com/tinper-bee/bee-pagination
$ cd bee-pagination
$ npm install
$ npm run dev
3.0.7

3 years ago

3.0.6

3 years ago

2.0.18-beta.0

3 years ago

3.0.5

3 years ago

3.0.4

3 years ago

3.0.3

4 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.0.18

4 years ago

2.0.17

4 years ago

2.0.16

4 years ago

2.0.15

4 years ago

2.0.14

4 years ago

2.0.13

4 years ago

2.0.12

4 years ago

2.0.11

4 years ago

2.0.11-alpha.0

4 years ago

2.0.10

5 years ago

2.0.9

5 years ago

2.0.9-beta.0

5 years ago

2.0.8

5 years ago

2.0.7

5 years ago

2.0.6

5 years ago

2.0.5

5 years ago

2.0.4

5 years ago

2.0.3

5 years ago

2.0.2

5 years ago

2.0.1

5 years ago

1.1.19-beta.0

5 years ago

1.1.18

5 years ago

1.1.17

5 years ago

1.1.16

5 years ago

2.0.0

5 years ago

1.1.15

5 years ago

1.1.14

5 years ago

1.1.13

5 years ago

1.1.12

5 years ago

1.1.11

5 years ago

1.1.9

5 years ago

1.1.8

5 years ago

1.1.7

5 years ago

1.1.6

5 years ago

1.1.5

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.1

6 years ago

1.1.0

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago

0.1.8

7 years ago

0.1.7

7 years ago

0.1.6

7 years ago

0.1.5

7 years ago

0.1.4

7 years ago

0.1.3

7 years ago

0.1.2

7 years ago

0.1.1

7 years ago

0.1.0

7 years ago

0.0.2

7 years ago