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