首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery ui中sortable draggable droppable的使用

    handle:'.sort-at', // 在对象内指定的元素上开始拖动,而不是整个元素都可以拖动 distance: 10, opacity: 0.8, containment...// 之所以不使用 helper: 'clone', 是因为clone的元素没有样式,所以我们需要自定义样式,所以使用了自定义函数。...否则第一次初始化后,比如某个地方A可以放置拖拽的元素,但是第二次初始化后,地方A就不可以放置了。然而实际上,如果你不把第一次初始化的dropInit函数销毁掉,地方A在第二次初始化后还是可以放置的。...所以需要在拖拽停止的时候,销毁上一次的dropInit对象。.../sortable/ https://www.html.cn/jquery-ui-api/draggable/ https://www.html.cn/jquery-ui-api/droppable

    3.3K10

    那些前端常用的网站插件

    Javascript 库 Particles.js — 一个用来在 web 中创建炫酷的浮动粒子的库 Three.js — 一个用来在 web 中创建 3d 物体和 3d 空间的库 Fullpage.js...插件 Barba.js — 流式页面过渡 TwentyTwenty — 一个对比图片的可视化 diff 工具 Vivus.js — 在 SVG 上绘制动画 Wow.js — 滚动时展现动画 Scrolline.js... — 拖拽插件 Flexdatalist — 自动补全 Slideout.js — 移动应用侧滑导航 Jquerymy — 使用 jQuery 实现双向数据绑定 Cleave.js — 实时格式化输入内容...Page — 客户端单页应用路由 Selectize.js — 用来添加 tag 的 Hybrid 选择框 Nice select — 创建漂亮的选择框的 jQuery 库 Tether — 使用固定定位来创建相关元素...Shepherd.js — 为应用创建新手引导 Tooltip — tooltip 提示框 Select2 — Jquery 选择框插件 IziToast — 通知弹窗实现 IziModal — 模态框实现

    5.4K50

    使用 Sortable.js 库 实现 Vue3 elementPlus 的 el-table 拖拽排序

    它不依赖于 jQuery 或其他大型框架,能够独立工作,并且兼容包括 IE9 及以上版本在内的现代浏览器以及移动触摸设备。这使得Sortable.js成为跨平台Web开发项目的理想选择。...触摸友好:针对移动端优化,能够在触摸屏设备上提供流畅的拖拽体验。...模块化设计:Sortable.js采用模块化结构,开发者可以根据实际需求选择导入核心库或是包含所有插件的完整版本,有助于控制最终打包文件的大小。...通过使用Sortable.js,我们能够为用户提供一种直观的方式来排序数据,使得应用更加符合用户需求。...在未来的项目中,这种拖拽排序的实现方法可以为开发者节省时间,提高工作效率,同时也能提升最终产品的用户体验。希望本文能够帮助开发者更好地理解和实现这一功能,为日常开发提供支持。

    4.7K11

    ASP.NET MVC5+EF6+EasyUI 后台管理系统(44)-工作流设计-设计表单

    但是我认为26个字段已经足够 因为这里我是单表模式比起表关联无限字段理论上性能会更加快,特别是当数据库申请带到千万级数据的时候(你自己可以设计更加灵活的表单管理) Flow_Form的A~Z对应的是Flow_FlowAttr...这个表设计也有缺陷,我把内容全部设置为varchar(2048)字段太大,可以根据自己的扩展来确定内容是最佳的方式,比如A-F是大字段,G-L设置的是中级长度的字段,M-O是数字的字段等等 准备开始 1...perm = new List(); } } $(function () { jQuery...currentValue= $('#attrVal').val(); if (currentValue == "") { $.messageBox5s('提示', "请选择要添加的字段...'setValue', ''); } function deleteCurrentTR(c) { $.messager.confirm('提示', '删除字段吗?

    2.3K70

    (长文预警) 你还在烦工作中碰到的拖拽问题?一个框架jiejue

    Sortablejs 简介 Sortable —是一个JavaScript库,用于在现代浏览器和触摸设备上对拖放列表进行重新排序。无需jQuery。...不幸的是,由于浏览器的限制,使用本地拖放功能无法在IE或Edge上进行延迟 Sortable.create(list, { delay: 400 }); 似乎不让我拖拽 ?...delayOnTouchOnly 选项 是否仅在用户使用触摸(例如,在移动设备上)时才应用延迟。在任何其他情况下,都不会延迟。...要允许选择文本,请定义一个拖动处理程序,该处理程序是每个列表元素都可以拖动的区域 Sortable.create(el, { handle: ".my-handle" }); <span...交换插件 该插件修改了Sortable的行为,以允许项目彼此交换而不是进行排序。一旦开始拖动,用户就可以将其拖动到其他项目上,并且元素不会发生任何变化。但是,用户放置的项目将与原始拖动的项目交换 ?

    8.7K10

    C++核心准则T.13:对于简单的,单类型参数概念,使用缩略记法更好

    月季 T.13: Prefer the shorthand notation for simple, single-type argument concepts T.13:对于简单的,单类型参数概念,使用缩略记法更好...Example (using TS concepts)示例(使用TS概念) To say "T is Sortable": 为了表达“T是可排序类型”: template...一套标准库concepts的初步版本可以在另一个ISO技术规格:ranges中找到。GCC6.1以后都支持concepts。...因此我们在实例代码中注释掉使用concepts的部分;也就是说我们只是将它们用作标准的注释。如果你使用GCC6.1之后的版本,可以打开注释。...随后,标记第一次引入类型名并马上使用简单的,单类型概念对其进行约束的情况。

    60910

    ExtJS初体验

    最近公司的一个系统有用到Extjs框架,对于之前完全用JQuery的js插件的我来说,对Extjs的api并不熟悉。...jquery是一个前后台都可以用的框架,是对js的封装,js轻量级框架。没有封装任何控件,学习曲线小,程序员和前端必须要掌握的。 这两天体验了一下,如图: ?...; return; } 当我们在左侧点击编号为3的选择框时,会通过ajax方式从后台取数据显示在右侧维度字典列表组件中...ExtJS提供的各种组件可以用更加标准的方式展示数据降低了开发难度。...继续演示ExtJS给我们带来的便利,当我们在右侧点击新增时,要求数据字典的值必须为值,否则弹框提醒用户,由于Extjs的特点只需加两句代码就可以搞定,如下代码中的标记处1和标记处2, //字典类型添加、

    2.6K10

    前端常用插件

    ,可以为 JSON 创建索引,离线也可以使用 jquery.hotkeys: jQuery 插件,用于绑定热键 breach_core: Javascript 编写的 Browser (浏览器) octocard...: 单页应用中一个用于处理导航栏的库 js.js: Javascript 实现的 javascript JIT jquery-ui: jQuery 团队开发的 UI 相关的前端库,功能强大 todomvc...Facebook/Twitter/Google Drive 等网络服务 spectrum: Js实现的颜色选择器 (Colorpicker) jQuery.countdown: jQuery 倒计时插件...的 JS 实现, 支持 IE8 及以上浏览器 trix: Basecamp 公司出品的富文本编辑器,简洁小巧 sensor.js: 在智能移动设备浏览器上,通过HTML5的api使用移动设备的功能。...Sortable: 现代浏览器上用于实现元素拖拽排序的功能,支持 Meteor, AngularJS, React,不依赖 jQuery Swiper: 用于实现浏览器上的滑动切换效果,支持硬件加速 matter-js

    5.9K61

    使用fileinput插件批量上传文件

    使用fileinput插件批量上传文件 前言   最近在做项目的时候涉及文件批量上传,使用bootstrap结合fileinput插件批量上传文件!以下是我在使用fileinput上传文件的过程。...-- 所需js文件,注意jq建议3.3.1版本,之前使用低版本的jq存在问题 --> jquery-3.3.1.min.js}"></script...(); return map; } 设置springboot上传文件大小被限制问题 servlet: multipart: max-request-size: 200MB # 设置单次文件请求总大小...选择上传文件后 ? 文件上传成功 ?...总结   博主也是第一次使用fileinput插件批量上传文件,使用流程比较简单,几句js初始化后就可以使用,非常方便,不过值得注意的是文件上传成功后接口返回的json数据键一定不能包含error,否者会被插件判定为文件上传失败

    3.5K31
    领券