How do I implement lazy-loading with filtered results?

Ask the community
,
1

My lazy loading code always returns everything in the database instead of the filtered search results. For example:

  • Say my database has 200 data points
  • The page displays 6 items max as a default
  • My filtered search supposedly returns 20 items

The desired output of events is that I viewed 6 items, and the page lazy loads 14 more items. However, currently the page will let me view 6 items, and lazy load 194 more items.

Is there any way to adjust my code so the lazy loading returns the rest of filtered search results, instead of the entire dataset?

export function loadingStrip_viewportEnter(event) {
    $w("#loadMore").show();
    $w("#dataset1").loadMore()
        .then(() => {
            $w("#loadMore").hide();
        });
}