Add JqxGrid Dynamically in new tab.

[RainManParticipant]

Hi,
My requirement is to dynamically add a jqxGrid in a new and closeable tab.
Since upon using ‘showAllCloseButtons’ and ‘showCloseButtonAt’ functions, the respective tab’s div element gets removed from the tree and is not available further until page refresh. Also, all the new tab addition functions like ‘addLast’ etc, accept only HTML as its content.

e.g.

$(‘#jqxTabs’).jqxTabs(‘addLast’, ‘TabName’, $(‘#jqxGrid’).html());

this gives me the a part of the grid content fine, but it does not give me grid properties like filtering etc. and other basic features like scrolling.

Is there a way around this?

[DimitarParticipant]

Hello RainMan,

You should move all your grid initialization logic to the tabs’ initTabContent callback function, as shown in the demo Integration with other widgets.

Best Regards,
Dimitar

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

[RainManParticipant]

Isn’t ‘initTabContent’ used for initializing tabs?
I have no issues in initialization of my tabs, rather in my case on clicking of a button in one tab, I need to dynamically create a new tab with a jqxGrid.

[DimitarParticipant]

Hi RainMan,

Here is an excerpt from the API Documentation about initTabContent:

Callback function that the tab calls when a content panel needs to be initialized.

This means it can (and should) be used to initialize other widgets in the tab content section (hence the name of the function). Please check out the demo Integration with other widgets, where a grid and a chart are initialized in jqxTabs through initTabContent.

Best Regards,
Dimitar

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

[Author]

Posts