Script.aculo.us开发系列(八):使用DropDrag定义拖拽行为

核心提示： delay:拖拽前的延时,开始拖拽后经过这个时间才"回过神来"这里需要说明的是并非所有的标签都支持该行为,详细的情况请参阅官方文档APIonStart:开始拖拽调用该函数,接受两个参数(obj,oEvent)前者是$(DraggableId),后者是当前事件的event

delay:拖拽前的延时,开始拖拽后经过这个时间才"回过神来"

这里需要说明的是并非所有的标签都支持该行为,详细的情况请参阅官方文档

API

onStart:开始拖拽调用该函数,接受两个参数(obj,oEvent)前者是$(DraggableId),后者是当前事件的event对象

onDrag:在拖拽过程中反复的调用该函数,同样接受两个参数(obj,oEvent)

change:在onDrag后调用,也会反复调用

onEnd:拖拽行为结束调用,即鼠标弹起时激发

destroy():该方法销毁元素的拖拽行为

Droppables

Droppables(注意是复数形式)是一个抽象类,不能被实例化,只有一些静态方法,常用的方法有add和move,分别增加可放置元素,和去除可放置元素

add方法:Dropables.add("ContainerId"[,options]),常用的选项

accept: 数组或者字符串,表示该容器接受的元素的className的集合,默认的任何元素都接收

hoverclass:当符合接受要求的元素拖至容器上时,其className

onDrop():被拖拽的符合要求的元素在这里放置时调用该函数,接受三个参数(draggable,droppable,oEvent),draggable是被拖拽元素,droppable是被放置元素,oEvent当前事件对象

remove("ContainerId"),该方法去除容器的放置行为

(上面例子的源代码)

Sortable

Sortable是一组可以通过拖拽交换位置的元素,可以先看看实例(http://www1.qcxy.hb.cn/qphy/Script_Aculo_Us/Sortables.html),同样不能被实例化,常用方法create(),serialize(),destroy().下面是create("ContainerId"[,options])的常用选项

ghosting:拖动时是否显示"影子",默认为false

constraint:允许的拖动方向,默认为两个方向都可以,值为"horizontal","vertical"中的任一