Dynamic Tabs + Paging

[pankyParticipant]

Hi

I have a page where I have Tab with 3 fixed tabs and other Tabs I am adding based on recordId from Database.

So it’s combination of Fixed tabs [Tab1, Tab2, Tab3] and I am adding Tabs dynamically between Tab1 and Tab 2
i.e [Tab1,DynamicTab1,DynamicTab1,…., Tab2,Tab3]

I am implementing JavaScript paging on the Form [First,Next,Pre,Last]

So first time as per current Index and recordId , my page renders [Tabs and other controls on page] fine, but when I click on “Next”

It looks like it;s get data from my service Ajax Calls, but I am getting exception on Tab rendering.

Do I have to render my Tabs again?
How I can check if Tab is already rendered i.e something like .IsJQXTab()?

appreciate any help

Code: $(‘#jqxFinalTabs’).jqxTabs({ width: ‘97%’, showCloseButtons: false, initTabContent: initFinalTabContents});
ERROR: 0x800a138f – Microsoft JScript runtime error: Unable to get value of the property ‘0’: object is null or undefined
Line in jqx-all.js file : this._contentWrapper[0].style.width=”100%”
Version: 3.5

Thanks

[DimitarParticipant]

Hello panky,

You can create a flag variable (called, for example, isInitialized) and set it to true after the tabs initialization. You can check this variable when you need to know whether the tabs have been initialized. If this does not solve your issue, please provide more details and a code sample which illustrates it.

Best Regards,
Dimitar

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

[Author]

Posts