jqxTree loses styling when inserted multiple times

[emberqParticipant]

I have a jqxTab-based app where I insert a jqxTree on each tab tab. Each time I creat a new tab with jqxTree on it, the previous JqxTree loses it styling. That is, the list is there but the spacing and font, for example, are gone. The tree labels are all squashed together vertically.

I certainly uniquely id all of the controls that I place in my app. My HTML ids that I use are all based on the tab index. Every other jqWidget looks and acts perfectly across all these tabs. The only one that has a problem as I add a new uniquely Id’d control is jqxTree.

It’s behavior is OK. It’s just the styling that gets wiped. Again, no other duplicate control show this problem.

It leads me to believe that whatever uniquely identifying method you’re using to apply styles to all the controls that are instantiated in the DOM is missing something in jqxTree. You are putting identical ids in the DOM for something on jqxTree that you’re not doing on any other controls.

[HristoParticipant]

Hello emberq,

It is important to use initTabContent for the internal widgets.
Please, take a look at this example.
I tested this example above and it seems to work fine.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts