欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » JQuery EasyUI 1.3.6官方API文档中文版 » 正文

Droppable(放置)

创建时间:2014年08月23日 09:54  阅读次数:(3989)
分享到:

Droppable(放置)

使用$.fn.droppable.defaults重写默认值对象。

使用案例

通过标签创建一个放置区。

  1. <div id="dd" class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"></div>

使用Javascript创建一个放置区。

  1. <div id="dd" style="width:100px;height:100px;"></div>
  1. $('#dd').droppable({
  2. accept:'#d1,#d3'
  3. });
 

属性

属性名 属性值类型 描述 默认值
accept selector 确定哪些可拖拽元素将被接受。 null
disabled boolean 如果为true,则禁止放置。 false

 

事件

事件名 事件参数 描述
onDragEnter e,source 在被拖拽元素到放置区内的时候触发,source参数表示被拖拽的DOM元素。
onDragOver e,source 在被拖拽元素经过放置区的时候触发,source参数表示被拖拽的DOM元素。
onDragLeave e,source 在被拖拽元素离开放置区的时候触发,source参数表示被拖拽的DOM元素。
onDrop e,source 在被拖拽元素放入到放置区的时候触发,source参数表示被拖拽的DOM元素。

 

方法

方法名 方法参数 描述
options none 返回属性对象。
enable none 启用放置功能。
disable none 禁用放置功能。

a
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 90+38=? 的结果(结果是:128)
结  果: