基于PHP和AJAX创建RSS聚合器 移动IP与DHCP、VPN等技术的比较 五招让Vista电脑更具个性化 Oracle 如何搞垮他的数据库——谈Oracle安全

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

[ 2407 查看 / 65 回复 ]

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

close()
    关闭遮罩(继承自easyLayer的方法)
    参数:无
    返回值:无

EasyUI层与拖拽系列控件在API及演示
本主题由 管理员 admin 于 2010-3-24 4:19:02 执行 设置精华/取消 操作
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

自己沙发!
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类


支持
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

UP
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

up...
接分XD...
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

很好很强大~
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

强。
PS: 强烈BS楼主抢沙发的行为。
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

引用 7 楼 gu1dai 的回复:
强。
PS: 强烈BS楼主抢沙发的行为。


^_^
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

不错。我喜欢。呵呵。
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

up~
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

mark
虽然没做过web
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

MARK
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

喜欢就是喜欢,好东西
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

接分
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

喜欢,好东西
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

引用 1 楼 dh20156 的回复:
自己沙发!

强烈BS这种行为
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

强贴,不得不来留个大名.
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

Up
Jf!~
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

提两个问题:)
1.创建FRAME遮罩拖拽时会很卡(如果同时弹出多个POPUP时)
2.希望看到楼主同时支持RESIZE
TOP

EasyUI新组件-拖拽类EasyDragDrop,弹出层基类EasyLayer,遮罩类EasyMask,Popup类

引用 19 楼 web_show 的回复:
提两个问题:)
1.创建FRAME遮罩拖拽时会很卡(如果同时弹出多个POPUP时)
2.希望看到楼主同时支持RESIZE


1、“创建FRAME遮罩”是什么意思?
2、resize已经支持了啊。你可以试试看,打开一个小窗口,然后弹出遮罩,再最大化这个窗口。
TOP