Hidden Grid : Error issue if a column is Sorted (jsfiddle example)

[fabricebParticipant]

Hello,

(please excuse me for my frenchy english…)

I just wanted to hide a grid… but I got the “classical” error issue (jquery-2.1.3.min.js:2 Uncaught TypeError: Cannot read property ‘length’ of undefined)

Here is the problem :
http://jsfiddle.net/mogador/o8L2ft7f/4/ (open the developper console in your browser to catch js errors…)

==> clic run : you get an error.
==> if you erase the class = “hidden” (1st HTML line) ==> it works fine
==> if you keep the class = “hidden” (1st HTML line) AND you delete sortcolumn: ‘name’ (22nd Javascript line) ==> it works fine.

But it’s impossible to keep the class hidden with sortcolumn…

Thanx for your help.

[ChristopherParticipant]

Hi fabriceb,

jqWidgets can’t be initialized if they are not visible that’s why you’re getting this error. You can’t apply “display:none” trough CSS. However you can accomplish the same with jQuery, but only from the ready() callback function of the widget, because it needs to be fully loaded before making it invisible. Here is an example:
https://www.jseditor.io/?key=xb-grid

Best Regards,
Christopher

jQWidgets Team
http://www.jqwidgets.com

[fabricebParticipant]

Many thanx for this helpful answer, Christopher.
It works fine now.

[Author]

Posts