Grid inside tab bug?

[efregugliaParticipant]

Hello,

I have a jqxTab with two tabs: in the first tab is rendered a grid, in the second tab I have a button. The click event of this button changes one of the cells of the grid, using the method ‘setcellvaluebyid’.
Everything works fine except when the grid is sorted. In this case, if I click the button the first time and I go back on the grid’s tab, the grid is updated correctly, but if I go back to the button’s tab, I click it again, and then I go back to the grid’s tab, the grid has disappeared.
Obviously, if I put the grid in the same tab as the button, everything works fine even when the grid is sorted.

[efregugliaParticipant]

P.S.: I found out that the problem occurs only with the grid’s HEIGHT set to 100%.
Also with grid WIDTH set to 100% the grid doesn’t disappear but is horizontally shrunk and not usable anymore.

[ivailoParticipant]

Hi efreguglia,

Please send jseditor/fiddle link with your code for better analyze of the problem.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[efregugliaParticipant]

https://www.jseditor.io/?key=jqxgrid-inside-tabs-error

[ivailoParticipant]

Hi efreguglia,

This is produced, cause you are trying to update values of element with display none.
Better use button in the same tab with the grid to avoid this problem.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[efregugliaParticipant]

Thanks ivailo,

but I don’t quite understand: if the problem is the element with display none (I guess you mean the deselected tab), why is it that when the grid is not sorted I don’t get any problem? Or when the grid’s width and height are set to a fixed number (and not percentage)?
I’d rather expect the same behavior in these cases, but the grid works perfectly. And also, even when keeping the grid sorted and the width + height to percentage, it works the first time that I click the button (also in this case the tab has display none, but the grid works) – but not the second time.

Sadly, I can’t have the button in the same tab of the grid because of the user request…
I hope you can find a solution for this.

[Author]

Posts