第4章 Droppable(放置)组件1
需积分: 0 83 浏览量
2022-08-03
21:41:43
上传
评论
收藏 107KB PDF 举报
第 4 章 Droppable(放置)组件
学习要点：
1.加载方式
2.属性列表
3.事件列表
4.方法列表
主讲教师：李炎恢
本课程由北风网和瓢城 Web 俱乐部提供
本节课重点了解 EasyUI 中 Droppable(放置)组件的使用方法，所谓放置，就将一个
物体入某一个物体内触发各种效果，这个组件不依赖于其他组件。
一．加载方式
//class 加载方式
<div id="dd"
class="easyui-droppable"
data-options="accept:'#box,#pox'"
style="background:black;width:600px;height:400px;">
</div>
//JS 加载调用
$('#box').droppable({
accept:'#box,#pox',
});
二．属性列表
Draggable 属性
属性名 值 说明
accept selector
默认为 null，确定哪些元素被接受
disabled boolean
默认为 false，如果为 true，则禁止放置
//属性设置
$('#dd').droppable({
accept : '#box',
disabled : true,
});
评论0