Print Page - Nested Tabs Ajax load

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.

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.

EasyUI Forum

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