jqxTree Performance

[raoParticipant]

Hi JQWidget Team,
I have there are total 900+ Nodes in my environment. For which i am populating them in 3 level hierarchy.
This data i am getting from the Server through the WebService call. The service call returning data quickly (say in 1.5 secs).
But in the UI, the tree rendering is taking very long time.
Browser specific performance data :
IE 11 –> It takes about 14 Secs
FireFox –> It takes about 16 secs (During this tree loading i am facing ‘Unresponsive Script loading message’ as well)
Chrome –> Takes about 6 secs.

As far as the data is considered the Performance is very poor.
Are there any recommendations or suggestions or fixes for this to improve the performance?

Regards,
Rao.

[DimitarParticipant]

Hi Rao,

Unfortunately, jqxTree is not capable of displaying such large data sets reliably. We recommend using jqxTreeGrid (with one column) instead.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[raoParticipant]

Hi Dimitar,
Thanks for the quick response on this query.
Yeah, I tried using the TreeGrid, but the challenges are :
a) Not showing the Header of that particular One Column ( to pose it as real Tree).
b) Changing the expandable icons from Plus Sign to “Right Arrow”, to match with real Tree.

I did a search in the forums for the above 2 queries. I couldn’t find relevant thing.
Do you have any clues on achieving it ?

Regards,
Rao.

[DimitarParticipant]

Hi Rao,

1. You can set the property showHeader to false (example).
2. jqxTreeGrid has the same expand/collapse icons as jqxTree. You can compare both widgets by taking a look at their demos.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[raoParticipant]

Hi Dimitar,
Thanks for the pointers. It really helped me in achieving the tree.
But for #2, I still see the Plus , Minus for expand/collapse actions.
In the demos, i didn’t find any particular property getting set to achieve arrows instead of Plus/Minus.
You have any guess, which could be causing it?

Regards,
Rao.

[DimitarParticipant]

Hi Rao,

Please make sure you are using the latest version of jQWidgets (3.9.1).

Here is a screenshot of our jqxTreeGrid demos page showing that the tree grid has arrows for expand/collapse: http://s17.postimg.org/o94ukavj3/jqx_Tree_Grid_demo.png.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[raoParticipant]

Hi Dimitar,
Thanks a lot for clarification.
There are styles over-ridden in my environment. I am taking care of them.

Regards,
Rao.

[Author]

Posts