EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: msvabik on November 06, 2014, 04:50:53 AM



Title: Nested Tabs Ajax load
Post by: msvabik on November 06, 2014, 04:50:53 AM
Hallo
I have a problem with rendering nested tabs loaded via AJAX.

Here is the html code
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:
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:
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.


Title: Re: Nested Tabs Ajax load
Post by: stworthy on November 06, 2014, 07:38:52 AM
Please check your 'servis.php?com=zadanky' carefully. Are there some other elements on the top of tabs component?


Title: Re: Nested Tabs Ajax load
Post by: msvabik on November 07, 2014, 12:43:04 AM
hello
I checked the return value from ajax call and is fine in terms of being returned html elements.

I found a mistake elsewhere. One php file not charset UTF-8 but Windows-1250. Once I corrected the coding and save the file with UTF-8, all is OK.

Excuse my English, I used to translate Google Translation.

Thanks a lot.