EasyUI 定制页面拖拽问题请教

yunzhong8080 2015-07-20 03:52:11

请问使用EasyUI 的Droppable 咋实现上图的拖拽效果，主要是拖拽后位置的固定，这种可提示固定

...全文

201 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

student-ai 2015-08-12

打赏
举报

回复

http://www.jeasyui.net/demo/353.html 这个里面，约束拖动，和你想要的效果有点像。

yunzhong8080 2015-08-11

打赏
举报

回复

在顶！！！！

yunzhong8080 2015-07-21

打赏
举报

回复

顶起来，各位请帮看看呢，谢谢！

EasyUI-Portal 是一个基于 jQuery 的前端 UI 库，它提供了一系列可复用的 UI 组件来帮助开发者快速构建丰富且交互性良好的Web应用。它特别适用于构建企业信息门户和管理界面，在简化开发流程的同时，提高了用户界面的定制能力，使得开发者能够轻松地根据实际需求进行用户界面的定制和扩展。EasyUI提供了丰富的UI组件，覆盖了现代Web界面的多个方面，其中包括：DataGrid：用于数据展示和管理，支持分页、排序、搜索等功能。

简单的说，拖动就是利用了easyUI的一个内部组件：Draggable 而放置用了：droppable 然后我们再去利用其自身的属性，方法，行为等对其进行特别的指定，所以，不是简简单单的拖动实现就可以了，还是熟悉使用其自身属性。下面是实例代码：（我全部都加上了注释，如果测试，打开注释就可以） $(function(){ $("#box").draggable({ //revert:

1. 介绍 1.1 下载 1.2 基本语法 1.3 系统图标 2. 拖拽和调整大小 2.1 可拖动draggable 2.1.1 基础拖动 2.1.2 常用属性 2.1.3 约束拖动 2.2 可放置droppable 2.2.1 基本设置 2.2.2 改变项目顺序 2.3 尺寸调节resizable 3. 基础控件 3.1 搜索框searchbox 3.2 进度条progressbar 3.3 分页插件pagination 3.3.1 基础分页 3.3.2 常用属性 3.3.3 自定义分页 4. 布局控件

本文还有配套的精品资源，点击获取简介：EasyUI 是一个基于 jQuery 的前端框架，它提供了易于使用的组件库，用于构建响应式的用户界面。本教程涵盖了 EasyUI 的基础知识、核心组件以及如何将其应用于真实项目中。内容包括 EasyUI 和 jQuery 的关系，核心组件的使用，组件的自定义，以及与后端框架的集成。教程还推荐了学习路径，从基础开始，逐步深入至实战演练...

EasyUI是一个基于jQuery的前端UI框架，它允许开发者通过简单的配置和少量的代码来构建现代化的web界面。框架的核心理念是“编写更少的代码，完成更多的功能”，以期让用户体验更为流畅。EasyUI日期组件还支持自定义日期格式和验证规则，允许开发者定义日期输入的具体格式和有效性验证。},// 自定义验证逻辑，例如验证日期是否在2000年到2099年之间});在上面的示例中，format属性定义了日期的显示格式，parser函数定义了解析用户输入的日期格式，而。

87,988

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章