EasyUI层与拖拽系列控件

为什么80%的码农都做不了架构师？>>>   

 

基于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坐标（如不指定，默认为窗体可见区域中间位置）

返回值：无

阅读全文>>

转载于:https://my.oschina.net/lgc/blog/5358