Hi,

I have the below markup: (nested tabs)
<div id="tt" class="easyui-tabs" data-options="tabWidth:275" style="width:1600px;height:850px;">
     <div title="Neo Lab" style="padding:20px;display:none;">
             <div id="neoLab" class="easyui-tabs" data-options="fit:true,plain:true">
                  <div id="getStrtd" title="Getting Started" data-options="tabWidth:200" style="padding:10px;"></div>
             </div>

             <div id="reportsLab" class="easyui-tabs" data-options="fit:true,plain:true">
                  <div id="getStrtd1" title="Getting Started" data-options="tabWidth:200" style="padding:10px;"></div>
             </div>

    </div>
</div>

I am doing the same action in both the tabs and in my code. I am need to assign the panel where the content should be loaded.

How do I get the parent tab of the selected tab:
for eg: I need to get the value as "reportsLab' or 'neoLab'.

I am able to get the element id of the child tab using the below code:

var imselectedTab = $('#neoLab').tabs('getSelected');
var imtitle = imselectedTab.panel('options').id;

How do I get the element id of its parent? i tried
var imselectedTab = $('#tt').tabs('getSelected');

This didnt work... Please give me a solution...

Thanks for the quick reply... I tried the below code.

<div id="getStrtd" title="Getting Started" data-options="tabWidth:200, onLoad:function()
                                                                        {
                                                                           alert('getting stt');
                                                                           wrapperjs('loadGettingFocused','FEDENavBar');
                                                                        }" style="padding:10px;"></div>

I am not getting the alert, nor the page loads. i.e When I clear the browsing history, the panel gets loaded the first time.
If I do a refresh of the page, the panel is not loading. In both cases, I am not getting the alert.

My question is the alert in the onload fn is not coming up. does that mean the onLoad is not getting called?

I am using Easy UI Nested tab concept in our php web application.

When I click on the parent tab, the first tab gets loaded by default. During the on load of this tab I need to call a JS function which in-turn will call a Xajax method.

Below is the code:

Mark-up:
<div id="tt" class="easyui-tabs" data-options="tabWidth:275" style="width:1600px;height:850px;">
     <div title="Neo Lab" style="padding:20px;display:none;">
             <div id="neoLab" class="easyui-tabs" data-options="fit:true,plain:true">
                  <div id="getStrtd" title="Getting Started" data-options="tabWidth:200" style="padding:10px;"></div>
             </div>
    </div>
</div>

JS:

var q = $('#neoLab').tabs().tabs('tabs')[0];
var qb = q.panel('options').tab.find('a.tabs-inner');

qb.linkbutton().bind('click', function(){
            alert('getting started');
            wrapperjs('loadGettingFocused','FEDENavBar');
         });

If I use this, in the click of the tab, the panel gets loaded. I need to use the functionality for the onload of the tab.
I tried bind('load'). that didn't work too.

Please advise.