JQuery easyui (2)Droppable(放置)组件
2024-10-18 19:22:17
所谓放置,就是将一个物体放入一个物体内,当然对于easyui来说触发各种效果是必不可少的,同时这个组件也不会依赖于其他组件。
Droppable的加载方式
1,class 加载 一直不太喜欢class方式的加载 浪费一个位置,代码一多还看着乱七八糟的。
<div id='dd' class="easyui-droppable" data-options="accept:'#box,#pox'"></div>
2,js 加载调用
$("#box").droppable({
accept:'#pox', //将元素pox 放置在元素box中
});
Droppable的属性
1,accept 默认为null,确定哪些元素被接受,也就是那个元素能被放置
$("#box").droppable({
accept:'#pox', //将元素pox 放置在元素box中
});
2,deisabled 默认为false 如果为true,则禁止放置
$("#box").droppable({
accept:'#pox', //将元素pox 放置在元素box中
disabled : true , //禁止放置
});
Droppable 事件列表
1,onDragEnter 在被拖拽元素到放置区域内的时候触发
2,onDragOver 在被拖拽元素经过放置区域的时候触发
3,onDragLeave 在被拖拽元素离开放置区域的时候触发
4,onDrop 在被拖拽元素放入到放置区的时候触发
onDragEnter /onDragOver/onDragLeave/onDrop: function (e,source){
//source 参数获取DOM元素
}
Droppable 方法列表
1,options 返回属性对象
console.log($('#box').droppable('options'));
2,enable,disable 和上面属性的功能是一样的 分别是启用和禁止放置
$('#box').droppable('enable/disable')
easyui 1.3.5 Droppable 就此完结。
看PDF的时候觉得特别不对劲,原来是PDF错字了,真心坑 - -
最新文章
- 【转】关于FLASH中图文混排聊天框的小结
- time 模块
- Linux系统被入侵后处理经历
- winform 控件(1)
- POJ1679 The Unique MST(次小生成树)
- #梦断代码#first blood
- .NET清除Session 的几个方法[clear/removeAll/remove/Abandon]
- 【mapping】 springmvc的注解mapping无法生效的问题
- 05_Excel操作_03_模拟Web环境的Excel导入
- [JavaScript] JavaScript作用域深度解析
- java类的结构(属性、方法、构造函数)
- vmware中网络连接方式介绍
- H3CNE实验:配置交换机接口
- [Swift]LeetCode633. 平方数之和 | Sum of Square Numbers
- Python-Django 模板层
- 【.Net】结合项目谈谈多线程
- Oracle EBS AP 供应商地点失效
- directive指令二 require:&#39;^ngModel&#39;
- 使用itext导出pdf
- CNN中已知input_size、kernel_size、padding、stide计算output公式的理解
热门文章
- [Apache系列]怎样在windows下配置apache vhost
- linux修改密码
- npm install 本地安装与全局安装
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- Box.net获5000万美元投资(SAAS博士)
- 时间类处理<;1>;
- 算法的稳定性(Stability of Sorting Algorithms)
- Windows无需CygWin 使用NDK开发
- 关于padding
- [转载]C宏定义的小结