on resize, resize all children

[devnull]

Is it possible to globally run the resize() method on all easyui-object children when the containing panel is resized ??

Code:

    $('#center').panel({  
	    onResize:function(){  
	        //$(this).easyui.resize
	    }  
	}); 

[stworthy]

Set the 'fit' property to true for a component and it will be automatically resized when its container panel is resized.

[devnull]

Thanks;

fit=true is already set on the datagrid in the main panel, but when the left hand menu panel is collapsed or resized, the datagrid does not re-size to the new full width of the main panel.

[stworthy]

Please refer to this sample http://www.jeasyui.com/demo/main/index.php?plugin=Layout&theme=default&dir=ltr&pitem=Basic. When the left panel is collapsed or resized, the datagrid is automatically resized to full fill its container space.

[devnull]

Thanks, it only appears to work when the datagrid is the first element in the container.

Take a look at this: http://jsfiddle.net/Chqxu/1/

Thanks

[stworthy]

Here is the updated example that solved your issue.
http://jsfiddle.net/Chqxu/2/

[devnull]

Thanks so much for helping, unfortunately that only works if the datagrid is the first element in the form, but in most cases it is not there are other elements above it.

See updated fillde: http://jsfiddle.net/Chqxu/7/

[stworthy]

Here is the updated example http://jsfiddle.net/Chqxu/10/ that using nested layout to solve your issue.