honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix paging implementation 

Use 'items' instead of 'listItems' for paging as it'll always have updated data, ex on search
This commit is contained in:
Abhishek Garg 2020-06-20 17:12:57 +05:30 committed by AbhishekGarg
parent 0f83eb3ca0
commit 3da742ed5f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
samples/react-accordion/src/webparts/reactAccordion/components/ReactAccordion.tsx
View File

@ -105,7 +105,7 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
public render(): React.ReactElement<IReactAccordionProps> {
let displayLoader;
let faqTitle;
let { listItems } = this.state;
let { items } = this.state;
let pageCountDivisor: number = this.props.maxItemsPerPage;
let pageCount: number;
let pageButtons = [];
@ -142,11 +142,11 @@ export default class ReactAccordion extends React.Component<IReactAccordionProps
displayLoader = (null);
}
if (this.state.listItems.length > 0) {
pageCount = Math.ceil(this.state.listItems.length / pageCountDivisor);
if (this.state.items.length > 0) {
pageCount = Math.ceil(this.state.items.length / pageCountDivisor);
}
for (let i = 0; i < pageCount; i++) {
pageButtons.push(<PrimaryButton onClick={() => { _pagedButtonClick(i + 1, listItems); }}> {i + 1} </PrimaryButton>);
pageButtons.push(<PrimaryButton onClick={() => { _pagedButtonClick(i + 1, items); }}> {i + 1} </PrimaryButton>);
}
return (
<div className={styles.reactAccordion}>