jQuery EasyUI 基础插件 - Droppable 可放置
jQuery EasyUI 教程
· 2019-04-07 11:18:17
通过 $.fn.droppable.defaults 重写默认的 defaults。
用法
通过标记创建可放置(droppable)区域。
<div class="easyui-droppable" data-options="accept:'#d1,#d3'" style="width:100px;height:100px;"> </div>
使用 javascript 创建可放置(droppable)区域。
<div id="dd" style="width:100px;height:100px;"></div>
$('#dd').droppable({ accept:'#d1,#d3' });
属性
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
accept | selector | 确定将被接受的可拖动元素。 | null |
disabled | boolean | 如果设置为 true,则停止可放置(droppable)。 | false |
事件
名称 | 参数 | 描述 |
---|---|---|
onDragEnter | e,source | 当可拖动元素被拖进来时触发。source 参数指被拖动的 DOM 元素。 |
onDragOver | e,source | 当可拖动元素被拖过时触发。source 参数指被拖动的 DOM 元素。 |
onDragLeave | e,source | 当可拖动元素被拖离开时触发。source 参数指被拖动的 DOM 元素。 |
onDrop | e,source | 当可拖动元素被放下时触发。source 参数指被拖动的 DOM 元素。 |
方法
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
enable | none | 启用可放置功能。 |
disable | none | 禁用可放置功能。 |
点击查看所有 jQuery EasyUI 教程 文章: https://www.codercto.com/courses/l/42.html
谷歌的断舍离:互联网企业的破坏式创新
[日]辻野晃一郎 / 樊颖 / 机械工业出版社 / 2018-1 / 45.00
本书主要分为三部分: 第一部分主要讨论了世界当下如火如荼的互联网企业进军传统产业大潮,并探讨了传统企业在互联网时代的救赎之路。 第二部分主要探讨了成功体验的反面:速度与迭代,并讨论了传统企业之所以无法实现迭代与快速发展的关键原因。介绍互联网公司如何通过组织精简流程来实现高速竞争时代的机动性。 第三部分讨论了互联网时代究竟需要什么样的人才,传统企业的员工应当怎样投身互联网企业才能避......一起来看看 《谷歌的断舍离:互联网企业的破坏式创新》 这本书的介绍吧!