Droppable（放置）
使用$.fn.droppable.defaults重写默认值对象。
使用案例
通过标签创建一个放置区。
- <div id="dd" class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"></div>
使用Javascript创建一个放置区。
- <div id="dd" style="width:100px;height:100px;"></div>
- $('#dd').droppable({
- accept:'#d1,#d3'
- });
属性
| 属性名 | 属性值类型 | 描述 | 默认值 |
|---|---|---|---|
| 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 | 禁用放置功能。 |
