Sortable

js学习心得（all、apply、fn、prototype的理解）

这几天按着b.tab.js插件，自己实现了一个基于jquery的cms后端管理界面，运用Sortable.min.js插件实现标签的排序。。。
一位也热爱前端的后端青鸟·2020-09-14 10:12

vue实现带拖拽功能的tab栏组件（awe-dnd）

、awe-dndgithub地址：https://github.com/hilongjw/vue-dragging2、vue-draggablegithub地址：https://github.com/SortableJS
壹元二九·2020-09-14 05:40

将base64编码以图片的形式在页面进行显示

将存到数据库后，页面如果引用的是Bootstrap中的table控件或是JqueryEasyUI中的datagrid控件显示表格在显示每一行时可以这样columns:[{field:'id',sortable
会飞的小海豚·2020-09-14 04:23

【JQuery】sortable.js Uncaught TypeError $(...).sortable is not a function

在修改图片顺序时，引入了sortable.js。由于在调整顺序的同时，要把对应的图片顺序保存到数据库，所以需要在调整完之后触发相应的顺序，所以用到了sortable里的stop事件。
Ghuanxin·2020-09-14 00:56

ext GridPanel 分页

newExt.grid.CheckboxSelectionModel();varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),sm,{header:'编号',dataIndex:'id',sortable
zhaoqian888·2020-09-13 23:11

Extjs Grid 根据列的值(0或者1)显示“是或否”

grid中：{header:'是否解析',dataIndex:'isExplain',align:'center',sortable:true,renderer:isResend},写一个函数：functionisResend
换个昵称吧·2020-09-13 23:00

extjs之-gridpanel完全操作（事件）

先来一段代码varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),sm,{header:"id",width:100,sortable:true
lusile82704774·2020-09-13 22:08

关于Ext的EditorGridPanel实时修改数据后保存到数据库的一点心得

但是对于修改数据后怎样保存到数据库我想还是有好多人不太明白,下面我关于这一点就我个人的见解说一下,这里首先的配置好可以修改的列varcolM=newExt.grid.ColumnModel([{header:"编号",dataIndex:"id",sortable
Jack850703·2020-09-13 21:59

JQuery将多个动态对象(属性名相同，值不同)push进同一个数组，结果打印出的数组元素是同一个对象

kid:2},{kid:3},{kid:4},{kid:7},{kid:8},]},​​现在是我要将其进行排序，这里用到了一个JQuery的一个可拖动排序插件：https://jqueryui.com/sortable
Charles_Tian·2020-09-13 21:51

extjs的EditorGridPanel修改数据后怎样保存到数据库

但是对于修改数据后怎样保存到数据库我想还是有好多人不太明白,下面我关于这一点就我个人的见解说一下,这里首先的配置好可以修改的列varcolM=newExt.grid.ColumnModel([{header:"编号",dataIndex:"id",sortable
soulzx·2020-09-13 21:20

基于iview的treegrid组件

'exportdefault{data(){return{columns:[//{//type:'selection',//width:'50',//},{title:'编码',key:'code',sortable
時間不夠以後·2020-09-13 20:11

使用DataTable和hibernate加载数据的几个问题

dataTable").DataTable({"aaSorting":[[1,"asc"]],//默认排序,第一列是0,asc/desc"aoColumnDefs":[{"aTargets":[5,6,7],"bSortable
快乐小左·2020-09-13 17:01

FlexiGrid使用教程

:'',--弹出对话框的标题columns:[{--表数据结构display:'友链类型',--字段中文名称name:'TypeID',--数据库中的字段名称width:100,--在Grid上的宽度sortable
weixin_30615767·2020-09-13 13:54

列表拖拽排序功能

前几天在做项目的时候，遇到一个表格里边的数据通过上下拖拽来改变其排序方式，后来通过一阵查找，发现jquery-ui提供了sortable这个方法，甚是欢喜，在此便把我写的小demo奉上：拖拽排序-->-
ddr66288·2020-09-13 05:59

EXTJs 表格分页

varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),//自动显示行号sm,//复选框{hearder:'编号',dataIndex:'id',sortable
sjf0115·2020-09-13 01:34

mybatis的order by传入参数失效

事情是这样的，bootstraptable的column有个选项sortable，我想试试，参数传到后台了，然而没反应原来的mybatis这样写网上说这里不能用#，因为会给它两边加上双引号，要用$用$成功了
drawbackcc·2020-09-12 05:48

element-ui tree 实现同级拖拽

通过node获取通过key获取通过node设置通过key设置清空//importdraggablefrom"vuedraggable";//importSortablefrom"sortablejs";
Change゜·2020-09-11 20:12

jquery-ui sortable 排序

研究了一番发现可以用jquery-ui的sortable功能来完成；一、引入jquery和jquery-ui文件二、页面布局，我这里引用了模板遍历。
Kit_G·2020-09-11 19:40

element ui table表格属性排序问题sort-change

查找elementui官方文档发现有此功能：表格的排序功能：需要用到的属性有：sortable，这个属性需要在el-table-column中写入，并且有配套的prop监听排序则需要在table中监听sort-change
yehaocheng520·2020-09-11 18:27

datagrid中点击a标签新建一个tab

点击查阅按钮，会新建一个tab栏，如下图：代码如下：title:'项目跟踪',field:'fileUrl',width:100,sortable:true,editor:{type:'validatebox
宁波数联软件有限公司·2020-09-11 14:03

(精华)2020年7月17日 vue 实现element-ui的select可拖拽

importSortablefrom'sortablejs'exportdefault{name:'DragSelect',props:{value:{type:Array,required:true}
愚公搬代码·2020-09-11 13:43

element关于table拖拽排序问题

elementtable的时候，经常会遇到排序的问题，如果只是简单的排序的话，element官方已经给出了指定的方法//table的默认排序方式是按ID排序顺序为递减这里可以改成其它比如order//设置sortable
萝卜砸大坑·2020-09-11 11:31

Vue中使用Sortable

之前开发一个后台管理系统，里面用到了Vue和Element-UI这个组件库，遇到一个挺有意思的问题，和大家分享一下。场景是这样，在一个列表展示页上，我使用了Element-UI的表格组件，新的需求是在原表格的基础上支持拖拽排序。但是原有的组件本身不支持拖拽排序，而且由于是直接引入的Element-UI，不方便修改它的源码，所以比较可行的方法只能是直接操作DOM。具体的做法是在mounted生命周期
志学Python·2020-09-10 23:18

ext grid 的每行最后一列添加 按钮

newExt.grid.CheckboxSelectionModel();varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),sm,{header:'编号',dataIndex:'id',sortable
名字到底多长·2020-09-10 23:43

vue开发：对Element上传功能的二次封装

首先引入sortable.js这个插件，这个是一个很强大的排序插件，下面直接上我封装的上传代码组件
weixin_30551947·2020-09-10 19:21

Sortablejs + css 模仿安卓桌面，实现可拖拽排序的主页图标+文件夹收纳

Sortablejs已有功能可以参考官方demo(http://sortablejs.github.io/Sortable/#grid),这里简要说一下，Sortablejs已经实现了：拖拽动画、多选、
代码男神·2020-09-10 17:31

jq拖拽行插件

随便选用一个版本即可2.引入jquery-ui.js（http://code.jquery.com/ui/1.10.4/jquery-ui.js）3.粘贴下方代码$(function(){$("#box1").sortable
niesiyuan000·2020-09-10 15:26

EXTJS 4.2 资料 控件之Grid 那些事

表格数据最起码有列、数据、转换原始数据这3项Ext.onReady(function(){//定义列varcolumns=[{header:'编号',dataIndex:'id',width:50},//sortable
dengyi8023·2020-09-10 13:38

ExtJS6.0之后台排序

一般在前台排序只需要在Grid的列里加上一个属性即可：columns:[newExt.grid.RowNumberer({width:50}),{header:'工号',width:120,sortable
飞鸟的轨迹·2020-08-26 14:20

jquery-ui sortable

helper这个小伙子总结的不错Note:Inordertosorttablerows,thetbodymustbemadesortable,notthetable.//毕竟tbody是父级嘛----
dinghuan2011·2020-08-25 15:44

Flask-Admin 1.0.9 发布

Highlights:Bootstrap3supportWTForms2.xsupportUpdatedDateTimepickerSQLAlchemybackend:supportforcomplexsortable
digwtx·2020-08-24 13:21

jQuery插件2（拖拽draggable/放置droppable/排序sortable/面板折叠accordion/横向选项卡tabs/对话框dialog/menu/微调spinner/框提示）

1、拖曳插件——draggable通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下：$(selector).draggable({options})options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。$("#test").draggable({axis:"x"});//
叶炀·2020-08-24 11:01

Jquery-ui的sortable插件之自由拖动排序

（此为网上资源demo自己做了修改，记录下方便日后的学习）效果展示：代码展示：终极版拖动排序*{margin:0;padding:0;box-sizing:border-box;}.container{width:350px;margin:60pxauto;}.container:after{content:"";display:block;clear:both;}.drag{width:100%
莉莎的脑瓜疼呀脑瓜疼~·2020-08-24 11:01

jquery ui（六）拖动排序 sortable

一、简单的实例下面是对一组li元素进行排序的实例1、代码//为了展示的效果更好，增加了一些css样式.sortable{list-style-type:none;margin:0;padding:0;width
weixin_34292402·2020-08-24 11:43

jquery-ui Sortable拖拽排序，刷新后保持排序后的位置

南繁协会ul.sortable{width:400px;margin:0auto;}ul.sortableh3{color:#333;margin-bottom:15px;}ul.sortableli{
weixin_30908649·2020-08-24 10:52

jQuery UI draggable+droppable+resizable+selectable+sortable

-->Dragmearoundicanfly!$("#draggable_div").draggable({//=================属性addClasses:true,//如果设置成false，将在加载时阻止ui-draggable样式的加载。当有很多对象要加载draggable()插件的情况下，这将对性能有极大的优化。默认值trueappendTo:"parent",//用来指定控
墨者侠客sbw·2020-08-24 10:25

jQuery Sortable 实现label拖动

需求类型标签区域和待选去求标签区域的图标可以随意拖动jQuerysortable实现图标拖动效果下所示：具体代码如下：需求类型标签：待选需求标签：$("#label_div1,#label_div2")
在路上NEXT·2020-08-24 09:48

用jQuery.ui.sortable实现拖拽排序

地址http://jqueryui.com/sortable/有详细的sortable的介绍另外参考：http://stackoverflow.com/questions/7097168/save-jquery-ui-sortable-positions-to-db
pigHead_chen·2020-08-24 09:21

第 10 章 jQuery UI 型插件

拖曳插件draggable放置插件droppable拖曳排序插件sortable面板折叠插件accordion选项卡插件tabs对话框插件dialog菜单工具插件menu微调按钮插件spinner工具提示插件
guyon_·2020-08-24 08:50

jquery-ui的拖拽排序(sortable)

背景结合Bootstrap的list-group记录一下jquery-ui中sortable的使用Sortable官网Demo：http://jqueryui.com/sortable/官网API：http
djskl·2020-08-24 08:24

jquery sortable 中文解释

jquerysortable中文解释转载：·概述Selectable插件允许用户对指定的元素进行选中的动作。此外还支持按住Ctrl键单击或拖拽选择多个元素。
diechufeng3288·2020-08-24 08:52

jquery ui（六）拖动排序 sortable

一、简单的实例下面是对一组li元素进行排序的实例1、代码//为了展示的效果更好，增加了一些css样式.sortable{list-style-type:none;margin:0;padding:0;width
dearkerwin·2020-08-24 06:08

jquery ui（六）拖动排序 sortable

本文已经同步至我的个人博客站点：jqueryui（六）拖动排序sortable(http://ifxoxo.com/jquery-ui-sortable.html)一、简单的实例下面是对一组li元素进行排序的实例
dearkerwin·2020-08-24 06:08

iview数据列表操作栏对操作按钮隐藏

基本代码：columns1:[{type:"index",width:80,align:"center",title:"序号"},{title:"设备类型编码",key:"typeCode",sortable
jattxgt·2020-08-23 18:26

Sortable.js实现可拖拽Table组件

目标vue项目中实现一个可拖拽的Table组件，并保存拖拽后的顺序安装Sortable$npminstallsortablejs--save代码实现创建DragableTable.vue文件，定义template
LvyYoung·2020-08-22 20:32

element-ui table 表格组件实现可拖拽效果（行、列）

效果如下：1、首先，需要执行npminstallsortablejs--save-dev安装sortable.js2、在页面内引入{{dropCol}}{{tableData}}importSortablefrom'sortablejs'exportdefault
Eliano·2020-08-22 20:10

vue element-ui表格行拖拽

查找一下，现有的拖拽实现，是基于Sortable.js实现，例如vuedraggable就是基于此实现的。但vuedraggable这个实现有一个坑点就是要求，要拖动项必须是其标签的第一个子集。
三丨·2020-08-22 19:59

DataGridView 某一列单元格内容居中显示

dataGridView.Columns[0].DefaultCellStyle.Alignment=DataGridViewContentAligent.MiddleRight;//必须设置SortMode为NotSortable
sinat_15155817·2020-08-22 18:04

database/traits

DatabaseTraitsHashablePurgeableEncryptableSluggableRevisionableSortableSimpleTreeNestedTreeValidationSoftdeletingNullablemodeltraits
railsbug·2020-08-22 18:32

angularjs 多图上传删除及拖拽排序

需求：上传多张图片后，需要手动拖拽排序，传给java后台file用angularjs，sortablejs简单的demo需要引入的js文件html×style样式.list_img{list-style
diuren1205·2020-08-22 15:12
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他