EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类
EasyUI层与拖拽系列控件基于EasyUI开发的可扩展附加组件:拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类
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)
开启遮罩(重写继承自easyLayer的方法)
参数:x坐标,y坐标
返回值:无