【day14】js排序插件 Sortable

获得重新排序后的数组

 //使用Sortable插件new Sortable(list_wrap, {animation: 150,handle: '.list_wrap',direction: 'horizontal',onUpdate: function (evt) {/* console.log("evt.oldIndex : " + evt.oldIndex);console.log("evt.newIndex : " + evt.newIndex);*/scoringReset();}});//重新排序（前面的序号）function scoringReset() {cpr_arr.length = 0;for (var i = 0; i < $('.scoring-type-item').length; i++) {$('.scoring-type-item').eq(i).find('span').text(i + 1 + '.');var order_cpr_name = $('.scoring-type-item').eq(i).find('input.cpr_name').val();var order_cpr_userid = $('.scoring-type-item').eq(i).find('input.cpr_userid').val();console.log(order_cpr_name);console.log(order_cpr_userid);var order_cpr_obj = new Object();order_cpr_obj.name = order_cpr_name;order_cpr_obj.value = order_cpr_userid;cpr_arr.push(order_cpr_obj);/*  console.log($('.scoring-type-item').eq(i).find('input:nth-of-type(1)').val());console.log($('.scoring-type-item').eq(i).find('ipnut:nth-of-type(2)').val());*/}console.log(cpr_arr);}

Sortable官网

【day14】js排序插件 Sortable相关推荐

html列表拖拽排序插件,JS拖拽排序插件Sortable.js用法实例分析
本文实例讲述了JS拖拽排序插件Sortable.js用法.分享给大家供大家参考,具体如下: 最近由于项目功能设计的原因,需要对table中的行实现拖拽排序功能,找来找去发现Sortable.js能很好 ...
html5支持drag的拖放排序插件sortable.js
html5支持drag的拖放排序插件sortable.js <script src="//cdnjs.cloudflare.com/ajax/libs/Sortable/1.5.1/S ...
html列表拖拽排序插件,js拖拽排序插件Sortable
插件描述:功能强大的Javript拖拽排序库Sortable,拖拽兼容性好,零依赖更新时间:2020-05-15 18:19:16 SortableJS 功能强大的JavaScript 拖拽库特性 ...
39.拖曳排序插件——sortable
拖曳排序插件的功能是将序列元素(例如<option>.<li>)按任意位置进行拖曳从而形成一个新的元素序列,实现拖曳排序的功能,它的调用格式为: $(selector).sor ...
java sortable_拖放排序插件Sortable.js
介绍特点支持触屏设备和大部分浏览器(IE9以下的就不支持了,原因都懂得) 可以从一个列表容器中拖拽一个列表单元到其他容器或本列表容器中进行排序移动列表单元时有css动画支持拖放操作和可选择的文 ...
拖拽排序插件Sortable.js在拖动的时候不能滑动鼠标滚轮滚动屏幕的问题
只是一个小问题在使用sortable.js的时候遇到拖动的时候不能滑动鼠标滚轮控制滚动条,找了很多地方,也看了文档,原来是没有找到那个点: forceFallback: false, // igno ...
拖拽排序插件sortable
简介 Sortable.js是一款轻量级的拖放排序列表的js插件(虽然体积小,但是功能很强大) 下载地址:https://github.com/RubaXa/Sortable 官方DEMO:https ...
java mvc 分页查询条件_java分页条件查询-GridManager.js表格插件+Pageable分页对象+mybatis pagehelper分页插件...
总览: 一. GridManager.js表格插件直接上插件API:链接地址感觉该插件简单好用,插件作者也是有问必答,nice 二. 添加依赖后端: pom文件添加: 1.7.0.RELEASE ...
jQuery html表格排序插件：tablesorter
ablesort是一款很好用的jQuery表格排序插件. 支持多种数据类型排序,会自动识别表格内容数据类型,使用也非常方便. 使用jQuery tablesort实现html表格方法: 1. 下载jQ ...

【day14】js排序插件 Sortable

【day14】js排序插件 Sortable相关推荐

最新文章

热门文章