jQuery-EasyUI基础教程之可调整大小的控件.docxVIP

jQuery-EasyUI基础教程之可调整大小的控件 课程目标 掌握Resizable Resizable Resizable简介 EasyUI的Draggable控件可以帮助我们快速的开发可以调整大小的控件，程序员开发起来会更加方便快捷。 开发Resizable程序 div id=rr class=easyui-resizable data-options=maxWidth:800,maxHeight:600 style=width:100px;height:100px;border:1px solid #ccc;/div 运行程序会发现，定义的div可以通过鼠标调整大小。 属性名 属性值类型 描述 默认值 disabled boolean 如果为true，则禁用大小调整。 false handles string 声明调整方位,n=北,e=东,s=南等。 n, e, s, w, ne, se, sw, nw, all minWidth number 当调整大小时候的最小宽度。 10 minHeight number 当调整大小时候的最小高度。 10 maxWidth number 当调整大小时候的最大宽度。 10000 maxHeight number 当调整大小时候的最大高度。 10000 Resizable常用属性 Resizable常用方法 方法名 方法参数 描述 options none 返回属性对象。 enable none 启用调整大小功能。 disable none 禁用调整大小功能。 Resizable常用事件 事件名 事件参数 描述 onStartResize e 在开始改变大小的时候触发。 onResize e 在调整大小期间触发。当返回false的时候，不会实际改变DOM元素大小。 onStopResize e 在停止改变大小的时候触发。 以上便是Resizable的基本用法。 本文来源：蓝桥软件学院