跳转到主内容
趣航编程网 - 趣学编程,启航技术之路!

EasyUI系列学习(四)-Droppable(放置)_html/css_WEB-ITnose

一、创建组件 1.使用标签创建一个放置区
2.使用JavaScript创建一个放置区
二、属性 1.accept:哪些元素会对放置区有影响 立即学习 “ 前端免费学习笔记(深入) ”;
放置区
物品1
物品2
2.disabled:如果为true,则禁止放置,即放置没有效果
放置区
物品1
物品2
三、事件 1.onDragEnter:在被拖拽元素到放置区内的时候触发,source参数表示被拖拽的DOM元素
放置区
物品
2.onDragLeave:在被拖拽元素离开放置区的时候触发,source参数表示被拖拽的DOM元素
放置区
物品
3.onDrop:在被拖拽元素放入到放置区的时候触发,source参数表示被拖拽的DOM元素
放置区
物品
4.onDragOver:在被拖拽元素经过放置区的时候触发,source参数表示被拖拽的DOM元素
放置区
物品
四、方法 1.options:返回属性对象
放置区
物品
2.disable:禁用放置功能
放置区
物品
3.enable:启用放置功能
放置区
物品
五、重写默认对象 1.使用$.fn.droppable.defaults重写默认值对象
放置区
物品

相关文章