日期:2014-05-16  浏览次数:20597 次

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坐标
  返回值:无