EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: mzeddd on October 08, 2011, 10:24:42 PM

Title: Border Layout question#2 or how to load DataGrid into 'central' panel
Post by: mzeddd on October 08, 2011, 10:24:42 PM

DataGrid does not work as expected when I load it dynamically into any "div"?

- menu is not working (I load it in the same "div")
- DataGrid does not fit to 'central' panel width when 'east' is collapsed or resized.

Title: Problem solved
Post by: mzeddd on October 09, 2011, 10:02:23 PM

I used to load content into the div using

Code:

$('#abc').load('page.php');

But it was not working as expected.

The solution is to do like this

Code:

$('#abc').panel({
	href:'page.php',   
});

But there is one small problem.
When I use this code with "central" panel in IE everything is fine, but in Opera scroll bars appear

Title: Re: Border Layout question#2 or how to load DataGrid into 'central' panel
Post by: stworthy on October 10, 2011, 01:41:01 AM

Try add 'overflow:hidden' style to your center div:
<div id="abc" region="center" style="overflow:hidden">
...
</div>

Title: Re: Border Layout question#2 or how to load DataGrid into 'central' panel
Post by: mzeddd on October 11, 2011, 02:55:50 AM

Thank you very much for this simple solution.