Trigger lazy loading of Live View

[Demolag]

Hi,

I am having an issue where a tableview takes a very long time to render (around 35 seconds to render - data load, filter and sort takes less than a second), which slow down the loading of the whole page it appears in.

I am currently trying to set the tableview inside a live view with lazy loading enabled, which solves half of the problem, but I realized I can't find any guide or explanation about how to trigger the lazy loading of the live view.

I found that by inspecting the page and running the auto generated javascript function it triggers it, but how do I find that function dynamically when loading the page?

Thanks in advance

[Demolag · Accepted solution]

Alright, found it in the end on the release notes page on Version 3.18.

for future people who will need that - quoting the page https://wiki.vertuna.com/spaces/CONFIFORMS/pages/31096895/Release+Notes

•  LiveView to support lazy loading of a content + support for loading and reloading via scripting. For example, when you view macro is set to load the contents of a page with an id 1048608 and with a set name "myview", passing an additional parameter such as param1=Hello world (url encoded) and the param2 with a value true

AJS.$('body').trigger('cfLiveViewLoad', ["1048608", "myview", "param1=Hello%20world&param2=true"]);
 

• LiveView triggers events that can be listened to to react on 
  • View load - cfLiveViewLoading 

  • View loaded - cfLiveViewLoaded

AJS.$('body').on("cfLiveViewLoading", function(event, contentId, viewName) {
     
    });

    AJS.$('body').on("cfLiveViewLoaded", function(event, contentId, viewName) {
     
    });