Panel Resize

[evaj]

Hello,
Ì'm trying to resize a panel, and the body is resizable but the header no, Could you help me please?

This is my code:

           var p = $("<div id=\"p\" style=\"padding:10px;background:#fafafa;\" data-options=\"closable:true,collapsible:true,maximizable:true,doSize:false\"></div>").appendTo('#ccc');
            $('#p').resizable();

            p.panel({
                title:Oper,
                //height:100,
                closable:true,
                collapsible:true,
            });

Thanks

[stworthy]

The resizable feature is not supported in panel plugin. But you can wrap a resizable <div> around the panel. Set 'fit' property of panel to true and call 'resize' method when the wrap <div> is resizing.

Code:

<div id="ccc" style="width:400px;height:300px;padding:5px">
  <div id="0" class="easyui-panel" data-options="fit:true,closable:true,collapsible:true,maximizable:true"/>
</div>

Code:

$(function(){
	$('#ccc').resizable({
		edge:5,
		onResize:function(){
			$('#p').panel('resize');
		},
		onStopResize:function(){
			$('#p').panel('resize');
		}
	});
});