ITXST.COM 为程序员提供优质教程和文档

sortable.js draggable 指定样式类的元素才允许拖动

sortable.js draggable 指定样式类的元素才允许拖动,比如指定类名为item的元素才允许拖动,但是需要注意的是设置该属性时需要在样式名之前加点。

sortable.js filter 过滤或忽略指定元素

sortable.js filter 过滤或忽略指定元素,比限制第二行不允许拖动。该属性可以设置不允许拖拽元素的class样式类名,也可以自定义函数返回true或flase进行控制。

sortable.js handle 指定拖拽句柄才能拖动父元素

sortable.js handle 指定拖拽句柄才能拖动父元素,有你拗口不好表达,我们理解成我们要拖拽item 1元素,而这个元素包含了a、b、c 三元素,我们可以通过handle属性指定按住a时才能拖动item 1元素。

sortable.js animation 动画

sortable.js animation 动画,如果不设置animation属性拖拽时的过渡效果会非常生硬。

sortable.js delayOnTouchOnly属性

sortable.js的delayOnTouchOnly属性为true时,delay属性只在移动触摸时生效。

sortable.js delay属性鼠标按下后多久才允许拖动

sortable.js delay属性鼠标按下后多久才允许拖动,比如你拖拽的元素还包含其他事件如编辑删除事件,如果不设置该属性虽然可以执行删除事件,但是该元素会被轻微的被拖动一下,用户体验非常不好。

sortable.js sort属性是否允许组内排序

sortable.js sort属性是否允许组内排序,注意这并不是不允许拖动而是是否允许排序,比如有多组时,sort设置了false,a组可以拖动到b组,但是不能在a组内拖动排序。

sortable.js group属性多组之间拖动

sortable.js group属性多组之间拖动

sortable.js 多组间相互拖动排序

sortable.js 多组间相互拖动排序,从a组拖动元素到b组或从a组克隆元素到b组。group是多组之间相互拖拽最重要的属性,下面为group属性的说明。

sortable.js对table表格进行拖动排序

比如我们有一个文章列表,我们可以设置文章排序字段数字大小然后ajax刷选数据进行排序,这种方法比较简单但是用户体验不好,本章节将通过sortable.js对表格进行排序实现更好的用户体验。

ag-grid vue 插入数据新增行

vue的ag-grid插入数据新增行比传统版简单得多,只需要往数组里插入一行即可实现。

ag-grid vue 全选反选并获取选中数据

本章节演示如果通过ag-grid vue来全选反选并获取选中数据,实现这些功能也是通过ag-grid的api实现,如果需要了解其他API可以点击本教程的非VUE菜单查看具体用法。

ag-grid vue umd浏览器直接引入js版用法

上一篇讲解了ag-grid vue在vscode和webpack环境中的用法,那么本篇将介绍ag-grid vue umd浏览器直接引入js版用法,需要注意的是注册注册ag-grid-vue组件,注册成功了用法就和webpack差不多了。

ag-grid vue 快速入门教程

ag-grid是一款极其优秀的表格插件几乎能满足你所有的需求,本文将介绍ag-grid vue的使用方法,包括如何安装开发环境、如何注册组件、如何初始化数据获取选中数据及对应的事件。

vue.draggable 全部事件列表

vue.draggable拖拽时会触发各种事件,比如start, add, remove, update, end, choose, unchoose, sort, clone事件,本文将列出vue.draggable的全部事件。

vue.draggable ghostClass 目标位置占位符的样式

vue.draggable ghostClass 目标位置占位符的样式及需要停靠位置的样式。

vue.draggable chosenClass 选中元素的样式

通过vue.draggable的chosenClass属性设置选中元素的样式,可以通过自定义样式来方便的区分出那个元素被选中。

vue.draggable start开始拖动时的事件

vue.draggable start开始拖动时的事件。

vue.draggable add 从A组拖动到B组完成的事件

vue.draggable add 从A组拖动到B组完成的事件,当当前网页只有一页时不会触发该事件。

vue.draggable scroll属性容器有滚动条时是否允许拖动到隐藏区域

vue.draggable scroll属性容器有滚动条时是否允许滚动及当父容器元素有滚动条时是否允许拖动。