Override defaults with $.fn.droppable.defaults.
Create a droppable area from markup.
- <div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;">
- </div>
Create a droppable area using javascript.
- <div id="dd" style="width:100px;height:100px;"></div>
- $('#dd').droppable({
- accept:'#d1,#d3'
- });
Name | Type | Description | Default |
---|---|---|---|
accept | selector | Determine which draggable element will be accepted | null |
disabled | boolean | True to stop droppable | false |
Name | Parameters | Description |
---|---|---|
onDragEnter | e,source | Fires when the draggable element is dragged enter. The source parameter indicate the dragged DOM element. |
onDragOver | e,source | Fires when the draggable element is dragged over. The source parameter indicate the dragged DOM element. |
onDragLeave | e,source | Fires when the draggable element is dragged leave. The source parameter indicate the dragged DOM element. |
onDrop | e,source | Fires when the draggable element is dropped. The source parameter indicate the dragged DOM element. |
Name | Parameter | Description |
---|---|---|
options | none | Return the options object. |
enable | none | Enable the droppable functionality. |
disable | none | Disable the droppable functionality. |