SharePoint online - 'Load More' button click event to show more items using PnPjs
Requirement : There is one list called "News". Initially on page load user wants to see only 10 news items on page and after that on load more button user wants to see another 10 items to improve performance of site. So rather than loading all items in one go we can use PnPjs or REST API to achieve this. Here I am going to show you how to achieve above requirement using PnPjs. CDN paths for these files are as below: JQuery.js: https://code.jquery.com/jquery-3.3.1.min.js e6-Promise.js: https://cdnjs.cloudflare.com/ajax/libs/es6-promise/4.1.1/es6-promise.js A lightweight library that provides tools for organizing asynchronous code. fetch.js: https://cdnjs.cloudflare.com/ajax/libs/fetch/3.0.0/fetch.js This JavaScript is a Promise-based mechanism to request web from browser programmatically. PnP.js: https://cdnjs.cloudflare.com/ajax/libs/sp-pnp-js/3.0.10/pnp.min.js Note: Please add script references of above JS files in the same order as provided above. Logic :...