JQuery Easyui (3) resizable (resizing) component

Resizable dynamic resizing element size does not depend on other components

How to load resizable

1  <div class= "easyui-resizable" ></div>//class load 2 $ ("#box"). Resizable ({});                // JS Load

Resizable Property List

$ ("#box"). Resizable ({    true,    // default is False, set to true disables resizing    handles: ' SE ',        // default is N,e,s,w,ne,se,sw,nw,all, the direction of life adjustment, respectively is the Cardinal    minwidth:200,    MinHeight:max,           //  adjustment min Width Height default value is    maxwidth:500,    500,        //  Adjust the maximum width, the height default value is 10000    edge:20,                    //  border Edge trigger size  default value is 5    });    

Resizable events

function (e) {    // start changing the size of the trigger  function(e    ) {//  Trigger    returnfalsewhen resizing;         // When false is returned, the size of the DOM element is not actually changed  function(e) {    // stop adjusting big things trigger }

Resizable method

$ ("#box"). Resizable (' options ');  // returns the Property object $ ("#box"). Resizable (' Enable ');   // Enable sizing $ ("#box"). Resizable (' disable ');   // Disable resizing

Easyui 1.3.5 resizable about this much.

Gradually found Easyui many properties, methods, and events are similar.

JQuery Easyui (3) resizable (resizing) component