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重写默认值对象

放置区
物品