Help ... Examples of loading long nested tree nodes with tablature data (no pagination)
18 Jan 2006 - 8:50am
9 years ago
Our service IntraLinks is sorta like a big file system (or that is the
closest relevant simile).
When you open a folder, like any other file system, there is a list of
child-folders and resource objects like files that need to be displayed.
(caveat, you can't pre-load the children of a parent before the request is
There can be upwards of 1000's of objects (folders and files) that are in
that parent folder. Loading the entire set all at once has two negatives:
1. It is a big strain on the local machine as we are doing an XML to HTML
format translation on the client side (yes, we are using AJAX).
2. users have to wait too long to wait for the first row (which may be all
they need) while they wait for row 2539 to finish.
How have people seen in mainstream applications this issue dealt with?
1. We know we can just change the cursor
2. We know that the scroll bar changing size is already happening
A solution I proposed and like, but my supervisor would like to see more
precedent, is the following.
1. on click of a node/folder change the folder color and append an animated
gif next to it (somewhere in its row)
2. As items stream in under it, put a bar next to the new row to the left (a
left border), this way as the user scrolls, the folder row goes off screen
w/ the initial indicator. This bar would always be on screen so long as
loading is still in progress
3. If a user expands a child node to see the grandchildren, the system would
repeat, but the bar/border would now be indented, as w/ any tree, so you can
see the difference between the parent loading and the child loading.
4. as loading completes at a given level, the bar disappears.
So if people have examples they wouldn't mind sharing, or point me to good
resources for this issue, I'd be interested.