How to extend the files app (prevent lazy loading)?

💻 Development
1

Hey @christianlupus ,
I am trying to design an A-Z Navigation app where I display only the files starting with the selected letter. Using the document.querySelectorAll will retrieve a max of 20 elements (due to lazy loading, I understand. I was hoping to find a flag or API to temporarily disable lazy loading, but I could not find one. Is there a way?

Thanks in advance.

2

Hello @okahmad,

I highly suppose there is no such feature yet. You might have to dig through the files app and its API.

I moved your post to a new topic.

Christian

3

Disabling lazy loading or any DOM-modifications based solution at all would not be a good way to solve this. There are no APIs for things nobody should do. Please try to solve this by actually hooking into the logic of the files app using the APIs it provides (for example by registering your own files View (using Vue.js), where you are fully in charge).

1 Like
4

Actually there seems to something way easier and exactly what you are looking for: FileListFilter | @nextcloud/files

But you will have to look around in the nextcloud codebases for examples of how to use it, since I could not find extensive usage documentation.