基于EasyUI开发的可扩展附加组件:拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类
EasyUI层与拖拽系列控件
EasyUI拖拽类EasyDragDrop.js
- new easyDragDrop(dragArea,moveArea,aMatrix,dashedMove)
- 拖拽类构造函数
- 参数:可拖动元素,需要移动的元素,可拖动范围[上,右,下,左],是否虚框拖拽
- easyDragDrop属性:
- dragArea 拖拽对象
- moveArea 移动对象
- aMatrix 可移动范围
- dashedMove 是否开启虚线框移动
- dashedBox 虚框
- cm 是否指定了移动范围
- x 移动对象当前的x坐标
- y 移动对象当前的y坐标
- easyDragDrop事件:
- onbeforedrag 拖动前事件,形参(x,y)
- ondrag 拖动时事件,形参(x,y)
- ondrop 拖动放开后事件,形参(x,y)
- easyDragDrop方法:
- getMASize()
- 获取移动对象当前大小
- 参数:无
- 返回值:[width,height]
- easyDragDrop演示
EasyUI弹出层基类EasyLayer.js
- easyLayer(olayer,zindex,width,height)
- 弹出层类构造函数
- 参数:弹出层对象(如不指定,将自动创建一个DIV),Z坐标(zindex),宽,高
- easyLayer属性:
- layer 层元素
- zindex Z坐标(zindex)
- width 宽
- height 高
- isopen 是否开启
- easyLayer事件:
- onbeforeopen 开启前事件,需要返回值(true|false),如果返回false,层将不会开启
- onopen 开启后事件
- onbeforeclose 关闭前事件,需要返回值(true|false),如果返回false,层将不会关闭
- onclose 关闭后事件
- easyLayer方法:
- open(x,y)
- 开启层
- 参数:x坐标(如不指定,默认为窗体可见区域中间位置),y坐标(如不指定,默认为窗体可见区域中间位置)
- 返回值:无
- close()
- 关闭层
- 参数:无
- 返回值:无
EasyUI遮罩类EasyMask.js(继承自弹出层基类EasyLayer)
- easyMask(olayer,width,height,zindex,scolor,opacity,hs)
- 遮罩类构造函数
- 参数:弹出层对象(如不指定,将自动创建一个DIV),宽(如不指定或指定为100%则为窗体全宽度),高(如不指定或指定为100%则为窗体全高度),Z坐标(zindex),遮罩颜色(rgb值),不透明度(0-100整数值),开启时是否隐藏窗体滚动条
- easyMask属性:
- scolor 遮罩颜色
- opacity 不透明度
- easyMask事件:
- oncountchange 引用计数发生改变事件
- 继承自easyLayer的其他事件
- easyMask方法:
- open(x,y)
- 开启遮罩(重写继承自easyLayer的方法)
- 参数:x坐标(默认为0),y坐标(默认为0)
- 返回值:无
- close()
- 关闭遮罩(重写继承自easyLayer的方法)
- 参数:无
- 返回值:无
EasyUI Popup类EasyPopup.js(继承自弹出层基类EasyLayer)
- easyPopup(olayer,sclass,closecls,scolor,tcolor,dragdrop,width,height,zindex)
- Popup类构造函数
- 参数:弹出层对象(如不指定,将自动创建一个DIV),指定样式名(默认为easypopup),指定关闭标识样式名(默认为closebtn),标题背景及边框颜色(默认为#808080),标题文字颜色(默认为#ffffff),是否允许拖动,宽,高,Z坐标(zindex)
- easyPopup属性:
- closecls 关闭标识样式名
- fixsize 是否固定大小,如果是,则不做内容大小自适应(默认为false)
- autofullsize 是否完全自适应内容大小,哪怕超过屏幕可见区域(默认为false,如果超过屏幕可见区域,则大小适应屏幕可见区域的尺寸)
- easyPopup事件:
- onclick 弹出层内容单击事件
- 继承自easyLayer的其他事件
- easyPopup方法:
- autosize()
- 自适应内容大小
- 参数:无
- 返回值:无
- detectsize()
- 自动调整弹出层尺寸大小以适应内容大小
- 参数:无
- 返回值:无
- disable()
- 屏蔽当前Popup层使用
- 参数:无
- 返回值:无
- enable()
- 恢复当前Popup层使用
- 参数:无
- 返回值:无
- hideShadow()
- 隐藏阴影层
- 参数:无
- 返回值:无
- setShadow(opacity,rx,ry,cb)
- 设置阴影层(如果不调用此方法,则默认不开启阴影层)
- 参数:不透明度,相对内容层的x坐标(默认为10),相对内容层的y坐标(默认为10),是否使用圆角(预留for future)
- 返回值:无
- setTitle(stitle)
- 设置标题文字
- 参数:标题文字
- 返回值:无
- setContent(scontent)
- 设置内容
- 参数:内容
- 返回值:无
- open(x,y)
- 开启Popup(重写继承自easyLayer的方法)
- 参数:x坐标,y坐标
- 返回值:无
- close()
- 关闭Popup(继承自easyLayer的方法)
- 参数:无
- 返回值:无


