/outsystems-tutorials

How to handle large datasets in OutSystems using pagination and on-demand loading?

Learn to efficiently manage large datasets in OutSystems with pagination and on-demand loading. Optimize application performance and enhance user experience step-by-step.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your website? RapidDev builds Webflow websites with your growth in mind.

Book a free No-Code consultation

How to handle large datasets in OutSystems using pagination and on-demand loading?

Handling Large Datasets in OutSystems using Pagination and On-Demand Loading

 

When working with large datasets in OutSystems, efficient management is crucial to ensure application performance and responsiveness. Implementing pagination and on-demand loading are effective strategies to handle such datasets. This guide provides a comprehensive step-by-step approach to utilizing these strategies in OutSystems.

 

Prerequisites

 

  • Access to an OutSystems environment with appropriate permissions to create and modify applications.
  • Basic understanding of OutSystems, including knowledge of Entities, Aggregates, and Data Actions.
  • An understanding of how to use screens and widgets in OutSystems.

 

Understanding Pagination and On-Demand Loading

 

  • **Pagination**: The process of dividing a large dataset into smaller chunks (pages) to be displayed incrementally.
  • **On-Demand Loading**: Loading additional data as required by user actions, without fetching the entire dataset initially.

 

Setting Up Your Dataset in OutSystems

 

  • Ensure your dataset entity is defined in the OutSystems Data Model.
  • Data should be logically structured to allow easy filtering and sorting, which assists in efficient paging.
  • Prepare your test data within the Entity to check pagination performance and navigation.

 

Implementing Pagination in OutSystems

 

  • **Create an Aggregate for Data Fetching**:
    • Open the screen where you want to display the data.
    • Drag an Aggregate onto the screen and connect it to your data entity.
    • Configure sort parameters if necessary to organize data order.
  • **Set Up Pagination Logic**:
    • Define a page size limit (e.g., 10 records per page).
    • Use local variables to store the current page index and total count.
    • Configure the Aggregate’s StartIndex and LineCount properties using the page index and page size.
  • **Implement User Interface for Pagination**:
    • Add navigation buttons or controls (e.g., Next, Previous, or page numbers).
    • Link these controls to logic that updates the current page index and refreshes the Aggregate.

 

Enhancing Performance with On-Demand Loading

 

  • **Implement Lazy Loading**:
    • Utilize the "On Scroll End" trigger in List widgets for lazy loading.
    • Attach logic to load more items when the user scrolls to the end of the current dataset.
    • Continue incrementing the page index and refreshing data as users scroll.
  • **Use Conditional Visibility**:
    • Apply conditional logic to display a loading spinner or message when new data is being fetched.

 

Testing Your Pagination and On-Demand Loading

 

  • **Testing in Reactive and Mobile Apps**:
    • Run multiple scenarios to ensure that pagination functions correctly with varying dataset sizes.
    • Verify that performance remains optimal during on-demand data loads with user interactions.
  • **Check for Edge Cases**:
    • Test navigation controls for correctness at boundary conditions (e.g., first and last pages).

 

Deploying Your Application

 

  • Ensure you have thoroughly tested both functionalities under different conditions and on varying devices.
  • Follow best practices for OutSystems deployment, ensuring configuration variables for page size and load thresholds are environment-specific.
  • Monitor and evaluate user feedback to make iterative improvements on pagination and loading strategies.

 

By integrating pagination and on-demand loading in your OutSystems applications, you can significantly enhance the management of large datasets. This approach not only optimizes performance but also improves user experience by presenting data efficiently and responsively.

Explore More Valuable No-Code Resources

No-Code Tools Reviews

Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.

Explore

WeWeb Tutorials

Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.

Explore

No-Code Tools Comparison

Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.

Explore

Bubble Integrations

Dive into our comprehensive resource for Bubble.io integrations, featuring expert advice, detailed tutorials, and FAQs. Whether you're a beginner or an experienced developer, find everything you need to seamlessly integrate third-party services with Bubble.io.

Explore

Successful Bubble.io Projects

Explore a curated showcase of successful Bubble.io projects and see what's possible with no-code development. From innovative apps to complex systems, discover inspiring examples that highlight the power and versatility of Bubble.io. Start envisioning your next project today!

Explore

Flutterflow Tutorials

Explore our detailed directory of FlutterFlow tutorials to master mobile app development without coding. Gain insights through step-by-step guides, practical examples, and expert tips to efficiently use FlutterFlow and build stunning apps.

Explore

Want to explore opportunities to work with us?

Connect with our team to unlock the full potential of no-code solutions with a no-commitment consultation!

Book a Free Consultation

Client trust and success are our top priorities

When it comes to serving you, we sweat the little things. That’s why our work makes a big impact.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024 

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive. 
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022