06 jQuery EasyUI 之Droppable可放置
浏览数：61 /
时间：2015年06月09日
使用Draggable元素需要拖动到指定的元素，那这儿需要使用到Droppable可放置插件
Droppable可放置有2种实现方式：
第一种 通过标记实现Droppable可放置区域
<div class="easyui-droppable" data-options="accept:‘#d1,#d2‘" style="width:100px;height:100px;"></div> <div id="d1"></div> <div id="d2"></div> <div id="d3"></div>
class="easyui-droppable" 指定可放置区域 data-options="accept:‘#d1,#d2‘" 能被放置的模块：d1和d2可以 d3不能放到这个区域
第二种 通过javascript实现Droppable可放置区域
先定义一个div
<div id="dd" style="width:100px;height:100px;"></div>
在使用javascript创建
$(‘#dd‘).droppable({
accept:‘#d1,#d2‘,
disabled:true//设置为true 停止可拖放
});accept 确定将被接受的可拖动元素
事件：
| Name | Parameters | Description |
|---|---|---|
| onDragEnter | e,source | 可拖动元素被拖进来触发 |
| onDragOver | e,source | 可拖动元素被拖过时触发 |
| onDragLeave | e,source | 可拖动元素被拖离开时触发 |
| onDrop | e,source | 可拖动元素被拖放下触发 |
本文出自 “老牛Java” 博客，请务必保留此出处http://liuyj.blog.51cto.com/2340749/1590862
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
