I have a set of parent tabs and one of these tabs in turn contains a nested set of subtabs.
Each of the subtabs dynamically loads remote content using the href property.
Each of these nested tabs contains a datagrid or a form, which are actually child tables of the master record.
I successfully pass the master record id to these grids or forms, which use it as part of their select query.
All works fine except that the first subtab fails to initially load its form data.
There isn't a problem with the form as if you try moving it to another tab position it works fine.
If you set the first subtab with "cache:false", then subsequent clicking on the tab successfully loads the form data.
Is it possible to force the first subtab to refresh when the page first loads as follows:
The first subtab in the nested tabs:
<div title="Qualifications" data-options="id:'tab_qualifications',cache:false,href:'qualifications/qualifications.php'" style="padding:5px"></div>
JS document load (doesn't work though):
$(function(){
$('#mainform').form('load','data_select.php?entity_id='+'<?php echo $_GET['entity_id'];?>');
$('#tab_qualifications').panel('refresh'); //This doesn't work...
});
How can I refresh this first subtab and keep "cache:true" as I want the form to keep its state when traversing other tabs?Thanks for your ideas...