Tab select is not happening dynamically

[rajParticipant]

Hi,

I’m creating a static prototype for an application with tabs and it’s dynamic content.

<div class="jqx-hideborder" id="tabswidget">
	<ul class="tabsList">
		<li name="user_dashboard" pageurl="dashboard.html">Home</li>
		<li name="user_summary" pageurl="users.html">Users</li>
	</ul>
	<div id="user_dashboard" class="contentContainer">
		<![CDATA[&nbsp;]]>
	</div>
	<div id="user_summary" class="contentContainer">
		<![CDATA[&nbsp;]]>
	</div>
</div>

<script type="text/javascript">
$(document).ready(function () {
	$('#user_dashboard').load('user_dashboard.html',function(){
		//Code goes here for setting the container height
	});
});
</script>

Here each tab is loaded with jqxGrid -> datatype is JSON.

During each grid cellclick I want to highlight the particular tab with index but it is not happening. Instead loading the grid, I’m inserting the simple button as a tab content and achieving the tab select using button click, it is working.

Can someone suggest me, what could be the root cause for this issue?

Looking for a solution.

Thanks,
Raj

[rajParticipant]

Hi,

Can someone from the jQWidgets team reply to my post. I’m wondering why it is not happening for static HTML prototype.

Please suggest me what could be the issue and solution. I’ve been breaking my head.

Thanks in advance.

Cheers,
Raj

[rajParticipant]

Folks,

I found the issue and got it resolved.

Cheers,
Raj

[Author]

Posts