使用$.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>
<script type="text/javascript">
$('#dd').droppable({
accept:'#d1,#d3'
});
</script>
属性名 | 属性值类型 | 描述 | 默认值 |
---|---|---|---|
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 | 禁用放置功能。 |