Print Page - Panel Resize

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

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');
		}
	});
});

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: evaj on September 27, 2012, 12:26:25 AM