Hi. I want to list hundreds of data and make a hierarchical display with Predix UI components. I checked the following website to see what Predix UI components fits. https://www.predix-ui.com/#/components/px-context-browser/![alt text][1]
Probably, "px-context-browser" should be the best, I guess. However, it seems to be used to make a menu bar. So, I wonder if "px-context-browser" loads and displays hundreds and thousands of data.
I attached an image. Does anyone have idea of the best practice to implement this image? There are many Predix UI components. I don't know what I should choose.
Thank you.
[1]: /storage/temp/3500-image.png
Answer by Randy Askin · Jul 27, 2017 at 09:05 AM
Context-browser should definitely scale to that number of items. I believe it even supports a configuration where you can fetch each node's children after it is clicked, rather than supplying the whole JSON structure up front, which would help with performance. Also check out the third tab on the API/demo page, which demonstrates adding a typeahead filter for quicker searching through long lists of items.
Thank you for your answer. I guess that context-browser probably loads hundreds level data. However, possibly the amount of data should increase, thousands or more. What is the maximum amount of data that context-browser can load?
I doubt anyone has tested it with thousands of levels of data. Regardless of performance, that sounds like a terrible user experience though...
Thank you. Okay, then I use context-browser to represent hierarchical structure and data-table for lists. I am sorry, but I have another question. How many hierarchy levels does context browser can has? Sometimes, lists have deep level hierarchy. Thank you for your reading.
I think you've asked the same question 3 times and I've tried to answer it just as many. :) The only way to find out is to give it a try! Let us know what you find out.