easyUI之可拖动控件——easyui-draggable_easyui draggable handle什么意思-程序员宅基地

技术标签: easyUI  


以上为组件的属性,一下对属性做实践操作解释:

draggable提供可拖动控件

实现方式(js):

页面定义:

<div id="box" class="easyui-draggable" style="width:400px;height:200px;background:orange;">
      <span id="resurce">内容可拖动</span>
 </div>

js实现:

$('#box').draggable({
            revert:true,     //拖动停止后,是否返回原位置
            cursor:'text',    /拖动时鼠标的图形变换
            //handle: '#resurce',    //设置哪些内容才能触发拖动
            edge:10,     //设置拖动时距离拖动容器边缘的宽度
            //disabled:false,    //设置是否可拖动
            axis:'v',   //设置拖动水平'h',还是垂直'v'
            proxy:'clone',     //设置拖动时是否克隆原内容
            deltaX:10,    //鼠标距离拖动触发位置水平距离x
            deltaY:10,    //鼠标距离拖动触发位置垂直距离y
            proxy:function(source){     //自定义克隆元素内容
                var  p = $('<div style="border:1px solid #ccc ; width:400px;height:200px;"></div>');
                p.html($(source).html()).appendTo('body');
                return p;
            }
        });


事件列表(如下表解释,不做过多解释):



方法列表:


 解释如下:


代理元素需要在拖动前或开始的function中定义,clone是在开始的时候才能clone。


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/cp1820957097/article/details/47733513

智能推荐

三角化(码—opencv)_opencv 三角化-程序员宅基地

文章浏览阅读1.4k次,点赞4次,收藏7次。理论知识参考于基于图像的三维重建—三角测量首先是线性三角化方法/* 实现线性三角化方法(Linear triangulation methods), 给定匹配点 * 以及相机投影矩阵(至少2对),计算对应的三维点坐标。给定相机内外参矩阵时, * 图像上每个点实际上对应三维中一条射线,理想情况下,利用两条射线相交便可以 * 得到三维点的坐标。但是实际中,由于计算或者检测误差,无法保证两条射线的 * 相交性,因此需要建立新的数学模型(如最小二乘)进行求解。 * * 考虑两个视角的情况,假设空间中_opencv 三角化

一篇文章告诉你如何在报表系统中实现自动生成Word报告_通过报告模板生成工作报告-程序员宅基地

文章浏览阅读5k次。点击获取ActiveReports v14.0最新版下载在报表系统中,生成Word报告的常见步骤分为以下四步:采集原始数据、值后台传递、生成最终报告模板、实现打印和预览。可见,系统在生成报告之前,需要先拿到当前的原始数据,并在既定的占位空间内输入内容后,才能进入报表展示和打印等环节。因此,只需将上述步骤通过代码执行,便可完成自动生成Word报告这一功能。除了基本的实现步骤,系统自动生成Word报告模板时,还需解决以下技术难点:1. 多页设置Word类报表最显著的特点就是多页。因此,要实现Wo_通过报告模板生成工作报告

HTML、CSS知识点总结_下列是html和css中的注释语句是-程序员宅基地

文章浏览阅读680次,点赞5次,收藏23次。一,html+css基础1-1 Html和CSS的关系学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠_下列是html和css中的注释语句是

《Linux4.0设备驱动开发详解》笔记--第十八章:ARM Linux设备树_第18章 arm linux设备树-程序员宅基地

文章浏览阅读3.6k次。18.1 ARM设备树简介设备舒适一种描述印鉴的数据结构,它起源于OpenFirmware(OF) 采用设备树前后对比: 采用设备树之前:ARM架构的板极硬件细节过多的被硬编码在arch/arm/plat-xxx和arch/arm/mach-xxx中采用设备树之后:许多硬件细节可以直接通过它传递给Linux,而不再需要在讷河中进行大量的冗余编码设备树的组成:由一系列被命名的节点(Node)_第18章 arm linux设备树

qt QDateTime和QString互转_qt qdate转qjsovalue-程序员宅基地

文章浏览阅读2.9w次。(1)QDateTime 做差值 QDateTime beginTime = QDateTime::currentDateTime(); QDateTime endTime = QDateTime::currentDateTime(); QString value = QDateTime::fromMSecsSinceEpoch(endTime.toMSecsSince..._qt qdate转qjsovalue

python下载过程中最后一步执行opencv出错怎么回事_PyCharm安装opencv-python和opencv-contrib-python的一些问题和解决方法_2018-09-27...-程序员宅基地

文章浏览阅读1.9k次。当我想要在python上测试FeatureDetector并使用OpenCV的SIFT时,由于我在pycharm上仅仅安装了opencv-python,所以会出现报错(忘记截图了,好像是:‘module’ object has no attribute ‘xfeatures2d’。大致意思是说找不到 xfeatures2d 的库)。2018.9.30更新:Windows环境下把opencv中pyt..._为什么我下的python最后一步测试的时候

随便推点

解决sqlserver 2005安装时提示“SQL Server服务无法启动”_sql2005安装提示sql server服务无法启动-程序员宅基地

文章浏览阅读6.2k次。在windows server 2012操作系统上安装sqlserver 2005,会提示兼容性问题,不要理会她,点击“运行程序”即可:在安装过程中,如果提示“SQL Server服务无法启动”,如下:下载“SQL2005服务启动失败.zip”,里面含有文字说明,如下:..._sql2005安装提示sql server服务无法启动

go-cqhttp系列教程-go-cqhttp安装_go-cq怎么更新最新版-程序员宅基地

文章浏览阅读2.9k次。我尝试了好多机器人框架,大部分都开发前景不好,无意中发现了这个go-cqhttp机器人框架,使用http协议将消息推送到URL上面,也是使用URL对他回应,即可实现发信。_go-cq怎么更新最新版

SpringMVC进阶-程序员宅基地

文章浏览阅读97次。文章目录@ResponseBody注解实体类controller测试通过Ajax向后台请求数据ajax.jspcontroller测试@RequestBody注解requestBody.jspsuccess.jspcontroller测试HttpEntity与ResponseEntityrequestEntity.jspcontroller测试文件下载controller测试文件上传依赖jar包springmvc配置文件upload.jspcontroller测试多文件上传SpringMVC拦截器实现Han

MySQL中Windows下my.ini.配置文件修改后无法启动的问题解决_my.ini替换后无法启动-程序员宅基地

文章浏览阅读2.5k次,点赞4次,收藏6次。本节目标1.掌握如何解决my.ini配置文件修改后无法启动的问题net stop mysql80配置文件my.ini的默认路径C:\ProgramData\MySQL\MySQL Server 8.0防止出错,拷贝一份复制到桌面,另存为的方式要保存为ANSInet start mysql80解决问题..._my.ini替换后无法启动

STM32窗口看门狗(警犬)_如果在while(1)循环体一直重设窗口看门狗值,系统会不会复位-程序员宅基地

文章浏览阅读632次。学习窗口看门狗记录_如果在while(1)循环体一直重设窗口看门狗值,系统会不会复位

如何优雅的实现 Spring Boot 接口参数加密解密?_encrypt-body-spring-boot-starter-程序员宅基地

文章浏览阅读5.1k次,点赞19次,收藏83次。因为有小伙伴刚好问到这个问题,松哥就抽空撸一篇文章和大家聊聊这个话题。加密解密本身并不是难事,问题是在何时去处理?定义一个过滤器,将请求和响应分别拦截下来进行处理也是一个办法,这种方式虽然粗暴,但是灵活,因为可以拿到一手的请求参数和响应数据。不过 SpringMVC 中给我们提供了 ResponseBodyAdvice 和 RequestBodyAdvice,利用这两个工具可以对请求和响应进行预处理,非常方便。所以今天这篇文章有两个目的:分享参数/响应加解密的思路。分享 ResponseBodyA_encrypt-body-spring-boot-starter

推荐文章

热门文章

相关标签