介绍
这篇文章主要介绍了jQuery EasyUI中拖拽事件的使用方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
jQueryEasyUI中的拖拽事件通过给它设置代理元素使其拖拽,可设置拖动元素相对于x。y轴拖动,可设置拖拽何时停止等效果
jQuery中的easyui是一个非常好用的插件,它虽然使用简单方便,但是它的功能确十分强大,今天将向大家介绍如何使用easyui插件实现基本的拖动和放置,有一定的参考价值,希望对大家有所帮助。
<强>【推荐课程:jQueryEasyUI教程】强>
<强>可拖放(拖拽)强>
可拖放是easyui中用于实现拖拽功能的一个插件,通过它我们可以实现对控件的拖拽效果。
它具有以下属性值:
属性名含义代理指拖动时要使用的代理元素,设置为克隆时,克隆元素将被用作代理,如果指定一个函数,它必须返回一个jQuery对象.revert是一个布尔值,设置为真时表示拖动结束后元素将返回它的开始位置。,(默认值为false)光标拖动时的css光标,默认值为movedeltaX指的是拖动的元素相对于当前光标的X轴的位置,默认值为nulldeltaY指的是拖动的元素相对于当前光标的y轴位置,默认值为nullhandle指启动可拖动元素的处理,默认值为nulldisabled是一个布尔值,如果设置为真,则停止可拖动,默认值为falseedge指能够在其中开始可拖动的拖动宽度,默认值为0轴指定义拖动元素可在其上移动的轴,可用的值是& # 39;v # 39;或& # 39;h # 39;,当设为null,将会沿着& # 39;v # 39;和& # 39;h # 39;的方向移动
<>强案例分析:强>
通过三个div元素来启用它们的拖动和放置
外部引用必须有的插件
& lt;链接rel=皊tylesheet"类型=拔谋?css"href=https://www.yisu.com/zixun/" D:/jquery-easyui-1.6.10/主题/违约/easyui.css "> 脚本>