Multiple Trees checkmark problem

[dragontoungeParticipant]

After upgrading to v3.8 from v3.7.1 a page that contained multiple JqxTree controls stopped working properly. The second and third (as loaded) controls on the page would no longer consistently respect the “checked” setting when checkboxes were turned on.

Operationally, the page draws the three jqxTree controls as the only controls on three separate tabs of a jqxTab control and the first time they are drawn they draw properly. Subsequently, a user initiated condition occurs that causes the three jqxTree controls to be recreated/redrawn with a statement identical to the statement that drew them initially. For example,

$(‘#reportTree’).jqxTree({
source: rpsource,
checkboxes: true,
toggleIndicatorSize: 0,
theme: theme
});

where ‘rpsource’ contains an object array similar, or identical, to the one used to draw the control the first time. In every case the only change to the rpsource object array is to alter the “checked” property.

Under 3.7.1 this works perfectly. Using 3.8, however, checkmarks on the tree items are not drawn (even though the source object does contain “checked: true” properties) on the second and third jqxTree control but they are drawn properly on the first.

Replacing the 3.8 version of the jqxTree control with a 3.7.1 version (while leaving all the rest of the controls at 3.8) results in the page working properly again.

[ivailoParticipant]

Hi dragontounge,

Send a fiddle for better visualization of the problem.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[dragontoungeParticipant]

Sorry but don’t have the time to create a Fiddle for you. I hope my description is clear enough for you. If not, please let me know what’s confusing and I’ll try to clarify.

In the meantime, we’ve discovered that this issue is not browser dependent. It seems to occur in Safari 8.0.4, Firefox 38.0.5, and Chrome 43.0.2357.130 (all on a Mac).

To reiterate the problem, three jqxTree controls drawn in three different tabs of a jqxTab control. All are loaded with a statement like that above. The first time they’re loaded they all work. After the second time they’re loaded only the control that is instantiated first in the Javascript works consistently when the “checked” setting is changed. The only data elements that changed between loads of the data are the “checked” settings on various rows.

[Author]

Posts