所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示sortable元素的JQuery对象,通常是当前元素的克隆对象 ui.position - 表示相对当前对象,鼠标的坐标值对象{top,left} ui.offset - 表示相对于当前页面,鼠标的坐标值对象{top,left} ui.item - 表示当前拖拽的
转载 精选 2010-08-01 18:53:44
435阅读
上一篇屏蔽右键操作,加入自己的右键事件并操作target元素,无非就是上下移动而已,使用jQuery UI 更简单更稳定。实例如下,是一个官网的API示例(小改)<html> <head>     <title>jQuery UI Sortable</title>   &
转载 精选 2014-05-22 15:10:22
644阅读
老大提出了一个一个设想,我们编辑记录的时候就不要打开弹框了,直接在表格里编辑吧~~~(╯‵□′)╯︵┻━┻ 让一个后端java开发工程师来写后台管理页面已经很不容易了,这这这这是人能提出的要求吗!!老娘已经不做前端hin!多!年!了!呀!前端的语法我都记不囫囵了!但是老大是不可能不是人的,作为一只猫球球只能含泪在老大的殷切嘱咐下奋力的滚动起来。1. 实现单元格编辑这个和前端同学们咨询了一下以后还是
转载 10月前
21阅读
# jQuery UI Sortable的排序方法详解 jQuery UISortable是一个非常强大的功能,可以帮助用户以直观的方式对DOM元素进行排序。在本篇文章中,我们将深入探讨如何使用jQuery UI Sortable进行排序,提供具体的代码示例,并用图表辅助讲解。 ## 一、引入依赖 在使用jQuery UISortable功能之前,首先需要引入jQuery和jQuery
原创 2024-09-15 04:14:46
152阅读
之前开发一个后台管理系统,里面用到了Vue和Element-UI这个组件库,遇到一个挺有意思的问题,和大家分享一下。场景是这样,在一个列表展示页上,我使用了Element-UI的表格组件,新的需求是在原表格的基础上支持拖拽排序。但是原有的组件本身不支持拖拽排序,而且由于是直接引入的Element-UI,不方便修改它的源码,所以比较可行的方法只能是直接操作DOM。具体的做法是在mounted生命周期
原创 2020-12-26 20:11:24
209阅读
原创 2021-07-18 16:43:27
326阅读
使用鼠标调整列表中或者网格中元素的排序。 一、实例 一个简单的 jQuery UI 可排序小部件(Sortable Widget)。 代码: Item 1 Item 2 Item 3 Item 4 Item 5 查看演示 注释:jQuery UI 可排序(Sortable)插件让被选元素通过鼠标拖拽进行排序。 注释:为了排序表格行,tbody 必须是可...
转载 2018-08-12 00:14:00
299阅读
2评论
【代码】jQuery UI sortable()实现拖动排序。
原创 2024-04-30 14:15:32
333阅读
jquery ui 的另一个强大的功能就是拖动排序,也就是通过鼠标的拖到,实现对一些元素的排序。废话少说,用实例说话。一、简单的实例下面是对一组li元素进行排序的实例1、代码<style>//为了展示的效果更好,增加了一些css样式.sortable { list-style-type: none; margin:0; padding:0; width:60%;}.sortable l
原创 2013-08-29 13:13:27
7937阅读
下载:npm install sortablejs --save 引入:import Sortable from ‘sortablejs’ <template> <div class="flex" id="items"> <div class="item" v-for="(item,index) i ...
转载 2021-07-29 15:38:00
1918阅读
2评论
Ant Design of Vue 1.7.8 版本不支持选择子级点亮父级以及选择父级点亮子级;效果图:这里我用到的是选中:sfelectedRowKeys = []; 以及function onSelect();<a-table :columns="columnsSelect" :data-source="tableData" :row-selection="{ s
转载 10月前
90阅读
vue+element-ui+sortable.js实现表格行和列的拖拽真的 行和列都可以拖拽源码在这里:(自己去下载看看哈)https://github.com/banana618859/vue_table_drag效果图一:图二:两种效果,两种实现方式希望对您有帮助。...
原创 2021-09-07 14:31:28
583阅读
最近工作中用到了jQuery UI中排序和拖拽功能,花了大概一天的时间,搞清楚了大概的参数配置,以及遇到的一些问题,总结如下。sortable简单的配置如下:$('#subs-box').sortable({     axis: 'y',     cursor: 'ns-resize',     placeholder: "ui-state-highlight", // 排序过程中占位符的clas
转载 2021-04-27 22:12:10
368阅读
2评论
JQuery UI Sortable拖动排序布局使用实战
转载 2023-07-20 18:37:32
75阅读
###官网:http://www.sortablejs.com/index.html Sortable.js是一款轻量级的拖放排序列表的js插件。支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、K ...
转载 2021-04-12 23:29:41
1061阅读
2评论
Ext.window属性详细信息 Ext.Window扩展自Ext.Panel,其xtype值为window。 1、主要配置项 closable:是否允许关闭窗口,默认为true。 closeAction:关闭窗口的动作,包括以下两种: close:从DOM删除窗口,销毁窗口及其所属组件,窗口不再可用,重新显示需要调 用show方法。此为默认值。
转载 6月前
20阅读
Please See In: https://docs.telerik.com/kendo-ui/controls/interactivity/sortable/how-to/use-sortable-grid
原创 2022-12-02 22:45:53
86阅读
下载插件 npm install sortable.js --save (下载的时候一定要这样去下载,不要去下载 npm install sortable--save ) 因为sortable.js和sortable是不一样的哈 引入 import Sortable from 'sortablejs
原创 2022-09-01 20:30:22
1407阅读
Highcharts是一个制作图表的纯Javascript类库,主要特性如下:兼容性:兼容当今所有的浏览器,包括iPhone、IE和火狐等等;对个人用户完全免费;纯JS,无BS;支持大部分的图表类型:直线图,曲线图、区域图、区域曲线图、柱状图、饼装图、散布图;跨语言:不管是PHP、Asp.net还是Java都可以使用,它只需要三个文件:一个是Highcharts的核心文件highcharts.js
1.引入文件 2.给元素附上sortable类 3.开启并配置 4.后台处理 小结:这种排序,不是交换,而是彻底的整体调整
原创 2021-08-05 15:44:35
672阅读
  • 1
  • 2
  • 3
  • 4
  • 5