Hi Peter,
I have used the following code to display different views on tabclick event.
$('#main_tabs').jqxTabs({ width: '100%',autoheight:true,keyboardNavigation: false, position: 'top', theme: 'ui-start' }); $('#main_tabs').on('tabclick', function (event) { var clickedItem = $('#main_tabs').jqxTabs('getTitleAt', event.args.item); switch (clickedItem) { case "Home": self.goToPage('display_main_dashboard'); break; case "Accounts": self.goToPage('display_main_accounts'); break; case "Reports": self.goToPage('display_main_reports'); break; case "Contacts": self.goToPage('display_main_contacts'); break; case "Settings": self.goToPage('display_main_settings'); break; } });
It is fulfilling my requirement but creating an issue i.e., Every other tabs inside this tab is going to this pages in respect of their index.
I have used string here but then too its creating conflict .
Please reply me as soon as possible.
Thanks & Regards,
Apeksha