jQWidgets jqxDragDrop dropAction 属性介绍

简介

jQWidgets是一套基于JavaScript的UI框架，提供了丰富的UI控件和丰富的功能扩展，其中jqxDragDrop是其中一个模块，提供了拖拽的功能。

jqxDragDrop中的dropAction属性，用于设置拖拽时的放置方式，该属性可以设置为"none","default","copy","move","link"，分别表示不允许放置、放置时移动数据、复制数据、移动数据、创建链接。

属性列表

| 属性名 | 类型 | 描述 | | ------|-------|------| | dropAction | string | 设置拖拽时的放置方式，可以设置为"none","default","copy","move","link"|

代码示例

$('#draggable-element').jqxDragDrop({
    dropTarget: '#drop-target',
    dropAction: 'move',
    dragStart: function (event) { },
    dragEnd: function (event) { },
    drag: function (event) { }
});

使用说明

• 设置dropAction属性时，需要设置为指定的字符串，大小写不敏感，详细的属性取值请参考上述属性表格。
• dropAction属性只对拖拽结束时的放置有效，当dropAction属性设置为"none"时，无论拖拽的目标在何处放置，都会被忽略。
• dropAction属性设置为"default"时，表示使用默认的放置方式。
• dropAction属性设置为"copy"时，拖拽的数据将被复制到放置目标处。
• dropAction属性设置为"move"时，拖拽的数据将被移动到放置目标处。
• dropAction属性设置为"link"时，拖拽的数据将被链接到放置目标处。

总结

jQWidgets jqxDragDrop中的dropAction属性是拖拽时必要的属性之一，通过设置该属性，可以控制拖拽数据的放置方式，满足不同的业务需求。