EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: amir-t on July 24, 2013, 08:19:49 AM

Title: ComboTree - Resizable tree area
Post by: amir-t on July 24, 2013, 08:19:49 AM

Hi,

How can i make the tree area (at the comboTree component) to be resizable by dragging the tree panel if needed (in case of long text of a certain nodes).

Thanks in advance.

Title: Re: ComboTree - Resizable tree area
Post by: stworthy on July 25, 2013, 03:06:35 AM

Please try the code below:

Code:

var p = $('#cc').combotree('panel');
p.resizable({
	onResize:function(){
		p.panel('panel')._outerWidth(p.outerWidth()+2);
	},
	onStopResize:function(){
		p.panel('resize',{
			width: p.outerWidth(),
			height: p.outerHeight()
		});
	}
});

Title: Re: ComboTree - Resizable tree area
Post by: amir-t on July 28, 2013, 01:26:00 AM

Hi,
I've tried your code but the resize is not working property, the entire panel is moving instead of just be resized.

Is there another code solution?

Title: Re: ComboTree - Resizable tree area
Post by: stworthy on July 28, 2013, 06:44:13 AM

Here is the example that allows the user to resize the drop-down panel.
http://jsfiddle.net/xFy42/

Title: Re: ComboTree - Resizable tree area
Post by: amir-t on July 28, 2013, 08:14:17 AM

Thanks, i think i used that exact example but i'll try it again.

By the way, in my demo, i need to use RTL support (http://www.jeasyui.com/extension/rtl.php).
Maybe this is the reason for my problem? perhaps with RTL support - the Resize implementation requires another changes or addons?