JQuery easyui (3) Resizable(调整大小)组件

Resizable  动态调整元素大小  不依赖其他组件

  Resizable的加载方法

  <div class="easyui-resizable"></div>    //class加载
$("#box").resizable({}); //js 加载

  Resizable属性列表

$("#box").resizable({
disabled : true, //默认为false,设置为true则禁用调整大小
handles : 'se', //默认为n,e,s,w,ne,se,sw,nw,all,生命调整的方向,分别是东南西北
minWidth : 200,
minHeight :200, // 调整的最小宽度高度 默认值为10
maxWidth : 500,
maxHeight : 500, // 调整的最大宽度,高度 默认值为10000
edge : 20, // 边框边缘触发大小 默认值为5
});

  Resizable事件

onStartResize : function(e){
//开始改变大小时触发
}
onResize : function(e){
//调整大小时触发
return false; //当返回false时,不会实际改变dom元素的大小
}
onStopResize : function(e){
//停止调整大小事触发
}

  Resizable方法

$("#box").resizable('options');  //返回属性对象
$("#box").resizable('enable'); //启用调整大小
$("#box").resizable('disable'); //禁止调整大小

easyui 1.3.5 Resizable 大概就这么多

逐渐发现easyui很多属性,方法,还有事件都差不多。

上一篇:[转]maven创建自定义的archetype


下一篇:(七)Knockout 创建自定义绑定