EasyUI(二)_基础工具类组件(1:basic)
参考书籍《jQuery EasyUI 网站开发实战》
拖动
使用方法
<div class="easyui-draggable "></div>
属性
拖动的指针样式 |
cursor-move-string(属性名-默认值-值类型) |
限定拖动方向 |
axis-null-string(v,h) |
设置拖动 距离元素边距 最大宽度 |
edge-0-number |
定义元素在多少毫秒后开始移动 |
delay-100-number |
禁止拖动 |
disabled-fasle-boolean |
停止拖动 返回起始位置 |
revert-false-boolean |
拖动时使用代理元素 |
proxy-null-string,function |
被拖动元素相对于光标的位置x |
deltaX-null-number |
被拖动元素相对于光标的位置y |
deltay-null-number |
用来指定开始拖动的句柄 |
handle-null=selector |
方法
返回属性对象 |
options-none(方法名-参数) |
设置了代理属性,则返回该拖动元素 |
proxy-none |
允许拖动 |
enable-none |
禁止拖动 |
disable-none |
事件
在拖动之前触发,返回false将取消拖动 |
onBeforeDrag-e |
在目标对象开始 被拖动时触发 |
onStartDrag-e |
在拖动过程中触发,当不能再拖动时返回false |
onDrag-e |
拖动到结束时触发,触发在onStopDrag之前 |
onEndDrag-e |
拖动停止时触发 |
onStopDrag-e |
droppable(放置)
属性,方法,事件
属性 |
|
确定哪些可拖动将被接受,未指定都可接受 |
accept-null-selector(属性名-默认值-值类型) |
禁止放置 |
disabled-false-boolean |
方法 |
|
返回属性对象 |
options-none(方法名-方法参数) |
启用放置功能 |
enable-none |
禁用放置功能 |
disable-none |
事情 |
|
在被拖拽元素到放置区内的时候触发 |
onDragEnter-e,source(事件名-事件参数) |
在被拖拽元素经过放置区的时候触发 |
onDragOver-e,source |
在被拖拽元素离开放置区的时候触发 |
onDragLeave-e,source |
在被拖拽元素放入到放置区的时候触发 |
onDrop-e,source |
resizable(调整大小)
属性 |
||
禁用大小调整 |
disabled-false-boolean(属性名-默认值-值类型) |
|
调整方位 |
handles-n,e,s,w,ne,se,sw,nw,all-number |
|
调整大小时的最小宽度 |
minWidth-10-number |
|
调整大小时的最小高度 |
minHeight-10-number |
|
调整大小时的最大宽度 |
maxWidth-10000-number |
|
调整大小时的最大高度 |
maxHeight-10000-number |
|
允许拖动改变大小的边框边缘厚度 |
edge-5-number |
|
方法 |
||
返回调整大小的属性对象 |
options-none |
|
启动调整大小功能 |
enable-none |
|
禁用调整大小功能 |
disable-none |
|
事情 |
||
开始改变大小的时候触发 |
onStartResize-e |
|
在调整大小期间触发,返回false,不会改变 |
onResize-e |
|
在停止改变大小的时候触发 |
onStopResize-e |