Hallo
I have a problem with rendering nested tabs loaded via AJAX.
Here is the html code
<div data-options="region:'center'">
<div class="easyui-tabs" data-options="fit:true,border:false,plain:false,tabHeight:38,tabWidth:112" id="tt">
<div title="Info ..." style="padding: 10px;" href="servis.php?com=zadanky">
</div>
</div>
</div>
Ajax get this code:
<div class="easyui-tabs" fit="true" border="true" plain="true" tabHeight="38" tabWidth="112" tabPosition="top" id="tz">
<div title="Seznam žádanek" style="padding:10px;">
</div>
</div>
Wrong result: BadTabs.png (top padding is not 10px)
If I use code:
<div data-options="region:'center'">
<div class="easyui-tabs" data-options="fit:true,border:false,plain:false,tabHeight:38,tabWidth:112" id="tt">
<div title="Info ..." style="padding: 10px;">
<div class="easyui-tabs" fit="true" border="true" plain="true" tabHeight="38" tabWidth="112" tabPosition="top" id="tz">
<div title="Seznam žádanek" style="padding:10px;">
</div>
</div>
</div>
</div>
</div>
Result is good (top paddink is 10px, GoodTabs.png)
Thanks a lot.