Resizable of JQuery Easyui resizing

If you initialize a div and set a height width, but want to dynamically change the div size, you need to use the resizable

Resizable plug-ins are implemented in 2 ways

The first creates a resizable object from a tag

<div class= "easyui-resizable" style= "width:100px;height:100px;border:1px solid #ccc;" data-options= "maxwidth:800,maxheight:600" ></div>

Class= "Easyui-resizable" by setting the class

The second creation of resizable objects from JavaScript

Define DIV First and define the ID

<div id= "RR" style= "width:100px;height:100px;border:1px solid #ccc;" ></div>

When calling JavaScript code

$ (' #rr '). Resizable ({maxwidth:800, maxheight:600});

Common Properties:

Disabled: If set to true, the resizing is disabled.

Handles: Refers to the adjustable size (resizable) direction, ' N ' is North, ' E ' is east, and so on.

MinHeight: Minimum height when resizing.
MaxWidth: Maximum width when resizing.
Maxheigh: Maximum height when sizing.
Edge: The edges of the bounding rectangle that is resized.

This article is from the "Lao Niu Java" blog, please be sure to keep this source http://liuyj.blog.51cto.com/2340749/1590867

Resizable of JQuery Easyui resizing