Pagination in lightning component using server-side controller

Salesforce Lightning Component:-

A new UI framework, Salesforce Lightning Component accelerated the development and app performance. Use to develop a single page web applications for mobile and desktop devices, it offers responsive user interfaces and uses JavaScript and Apex on the client and server side respectively. It helps in developing custom components that can be reused as building blocks for communities, mobile apps running on Salesforce and Lightning experience seamlessly.

With API version 45.0, the Lightning components can be build using two programming models: –

Lightning Web Components model
Original Aura Components model.

Creating Pagination in Lightning Component:-

Pagination helps in delivering the needed result to the user in sets or chunks and not the entire data. The implementation of Pagination in Lightening Component can be done in two ways:

Using Server Side Controller Call for every page.
Using Client Side Controller Call for every page by fetching data all at once.

This article shares an example on creating pagination in lightning component using server side controller.

Few points that need to incorporate while pagination with the server side controller are as follows:-

Load the data from the server in pieces with the queries to fetch X number of records at a time.
Use LIMIT (limit the result page) and OFFSET (skips the results that will not show) in the SOQL query
Make server side calls to retrieve the data for every page.
Show total page count and total record count.
Use “(cacheable=true)” annotation (caches the data on client side) in the apex class to make component performance faster.

For Live Demo Click here

Step 1: - Create Apex Class Controller [AccountPagination]

Step 2: - Create Lightning Component [Pagination_Example.cmp]

Step 3 – JS Controller [Pagination_ExampleController.js]

Step 4 – JS Helper [Pagination_ExampleHelper.js]

Step 5: - lightning App [Pagination_ExampleApp]

Support:

Above was an example on creating pagination in Salesforce lightning component using server side controller. For further queries or assistance regarding your Salesforce apps and lighting experience, please feel free to reach out to us on +1(415) 992-6421 or drop us a mail at sales@hicglobalsolutions.com.

Share This Blog

Salesforce Lightning Component:-
Creating Pagination in Lightning Component:-
Few points that need to incorporate while pagination with the server side controller are as follows:-
For Live Demo Click here
Step 1: - Create Apex Class Controller [AccountPagination]
Step 2: - Create Lightning Component [Pagination_Example.cmp]
Step 3 – JS Controller [Pagination_ExampleController.js]
Step 4 – JS Helper [Pagination_ExampleHelper.js]
Step 5: - lightning App [Pagination_ExampleApp]
Support:

Step by Step Guide to Configure Email to Salesforce

In this detailed guide, we will walk you through the significant yet easy steps to configure Email to Salesforce. Without any further ado, let’s get started! About Email to Salesforce As the term refers, Email to Salesforce is valuable for any organization that businesses use as their Customer Relationship Management (CRM) platform. It helps streamline […]

Guide on CRUD Operations in Node.js with jsForce

Step-by-Step Guide: How to Perform Salesforce CRUD Operations and Simplify Workflows with jsForce and Composite API

CRM developers typically need to integrate Salesforce with Node.js apps. One well-known library for this purpose is jsForce, which provides a comprehensive set of tools for interacting with Salesforce data and performing CRUD tasks effectively. Let’s dive into the blog, where you will understand the use of jsForce to execute key CRUD tasks within Salesforce, […]

How to Implement Round Robin Assignments in Salesforce Using Apex

Ensuring a proper workload balance and quick follow-ups from internal or external team members, leads, opportunities, or task distributions is crucial. To achieve this, all you need is a Round Robin assignment. In this step-by-step guide, we will walk you through the process of implementing a round-robin assignment in Salesforce using Apex. Here, we’ve used […]

Best Salesforce Developments Services Provider

Understanding Large Data Volumes (LDV) in Salesforce

In this step-by-step guide, we will walk you through the significant role of Large Data Volumes in Salesforce, and what strategies or practices you should keep in mind. What is Large Data Volumes? In Salesforce, Large Data Volumes (LDV) refers to managing a huge amount of records available in the platform. LDV usually comes into […]

Mastering Pattern and Matcher Classes in Salesforce Apex for Advanced Text Processing

Salesforce Apex includes numerous built-in text handling classes, and in addition to them, the Pattern and Matcher classes are good for performing complex string operations. These classes enable us to define and work with regular expressions, which are of particular importance for data validation, searching, and modification. In this technical blog, we will find out […]

Effortlessly Manage User Access: Setting Expiration Dates for Permission Sets in Salesforce

Maintaining security and compliance in Salesforce requires effective user access management. This article will lead you through the process of creating expiration dates for Permission Sets and Permission Set Groups, allowing you to automate access removal while minimizing manual work. Know how this functionality simplifies workflows, guarantees compliance, and improves security procedures. Why Use Expiration […]