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 |
禁用放置功能。 |
a
来源：
说明：所有来源为 .net学习网的文章均为原创，如有转载，请在转载处标注本页地址，谢谢！
【编辑：Wyf】
打赏
扫码打赏，您说多少就多少