Skip to content

Commit bea3f1e

Browse files
committed
Fixes: #23 - Can return selected page
1 parent 93ede64 commit bea3f1e

File tree

2 files changed

+24
-5
lines changed

2 files changed

+24
-5
lines changed

demo/src/index.js

+19-4
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,30 @@
1-
import React, {Component} from 'react'
2-
import {render} from 'react-dom'
1+
import React, { Component } from 'react'
2+
import { render } from 'react-dom'
33

44
import Example from '../../src'
55

66
class Demo extends Component {
7+
constructor(props) {
8+
super(props);
9+
this.state={
10+
'selectedPage':1
11+
}
12+
this.getSelectedPage = this.getSelectedPage.bind(this)
13+
14+
}
15+
getSelectedPage(k) {
16+
this.setState({
17+
'selectedPage': k
18+
})
19+
}
720
render() {
821
return <div>
922
<h1>pagination-react Demo</h1>
10-
<Example total='100' limit='10'/>
23+
<Example total='100' limit='10' returnSelectedPage={this.getSelectedPage} />
24+
<br />
25+
<h2>{"Selected page : " + this.state.selectedPage}</h2>
1126
</div>
1227
}
1328
}
1429

15-
render(<Demo/>, document.querySelector('#demo'))
30+
render(<Demo />, document.querySelector('#demo'))

src/index.js

+5-1
Original file line numberDiff line numberDiff line change
@@ -119,6 +119,7 @@ export default class ReactPagination extends Component {
119119
this.setState(state);
120120
}
121121
selectPage(page) {
122+
this.props.returnSelectedPage(page);
122123
let state = this.state;
123124
state.current = page;
124125
if (page === state.last) {
@@ -138,7 +139,10 @@ export default class ReactPagination extends Component {
138139
goNext() {
139140
this.selectPage(this.state.current + 1);
140141
}
141-
142+
onClick(event,n) {
143+
this.selectPage(n);
144+
func2();
145+
}
142146
render() {
143147

144148
let activeButtonColor= '#ccc'

0 commit comments

Comments
 (0)