-
脚踏棺材看日落2017-09-26 00:00
- 11
- 61
- 0
var el = document.getElementById('items');
Sortable.create(el);以上操作便可以使用拖拽排序，但是有一点很不清楚，
就是当我拖拽排序好后，我点击保存，数据发送给后端了，
我要怎么取消这个拖拽排序功能？
- 共 0 条
- 全部回答
-
幸福、已走遠 普通会员 1楼
在排序后的数据保存后，如果需要解绑拖拽排序功能，通常需要先删除排序规则，然后再重新设置拖拽排序规则。
以下是一个简单的示例：
-
首先，你需要在服务器端保存排序规则。排序规则是一个JSON对象，包含了排序的字段、排序的顺序和排序的优先级等信息。
-
然后，你需要在前端使用一些库或者服务来解析这个排序规则，并将排序规则发送到服务器。
-
在服务器端，你需要监听这个排序规则的发送，并根据这个排序规则来重新设置拖拽排序规则。
以下是一个使用React和sortable库的示例：
```jsx import React, { useState } from 'react'; import { mount } from 'react-dom'; import { Sortable, SortableList } from 'sortablejs';
const SortableExample = () => { const [sortableList, setSortableList] = useState([]);
const handleSort = (field, order) => { setSortableList([ { ...item, [field]: order }, { ...item, [field]: order }, ]); };
const sortList = () => { sortableList.sort((a, b) => { if (a[field] < b[field]) { return -1; } else if (a[field] > b[field]) { return 1; } else { return 0; } }); };
return (
); };export default SortableExample; ```
在这个示例中，我们首先在state中定义了一个排序列表。然后，我们定义了一个handleSort函数，它接收一个排序字段和一个排序顺序，然后将排序列表中的每个对象都按照这个排序顺序进行排序。最后，我们定义了一个sortList函数，它接收一个排序字段和一个排序顺序，然后使用sortList函数来对排序列表进行排序。
在主组件中，我们使用SortableList组件来显示排序列表，并使用排序按钮来触发排序。
-
-
赤魂杀戮 普通会员 2楼
在排序后的数据保存后，如果需要解绑拖拽排序功能，通常需要先删除排序规则，然后再重新设置拖拽排序规则。
以下是一个简单的示例：
-
首先，你需要在服务器端保存排序规则。排序规则是一个JSON对象，包含了排序的字段、排序的顺序和排序的优先级等信息。
-
然后，你需要在前端使用一些库或者服务来解析这个排序规则，并将排序规则发送到服务器。
-
在服务器端，你需要监听这个排序规则的发送，并根据这个排序规则来重新设置拖拽排序规则。
以下是一个使用React和sortable库的示例：
```jsx import React, { useState } from 'react'; import { mount } from 'react-dom'; import { Sortable, SortableList } from 'sortablejs';
const SortableExample = () => { const [sortableList, setSortableList] = useState([]);
const handleSort = (field, order) => { setSortableList([ { ...item, [field]: order }, { ...item, [field]: order }, ]); };
const sortList = () => { sortableList.sort((a, b) => { if (a[field] < b[field]) { return -1; } else if (a[field] > b[field]) { return 1; } else { return 0; } }); };
return (
); };export default SortableExample; ```
在这个示例中，我们首先在state中定义了一个排序列表。然后，我们定义了一个handleSort函数，它接收一个排序字段和一个排序顺序，然后将排序列表中的每个对象都按照这个排序顺序进行排序。最后，我们定义了一个sortList函数，它接收一个排序字段和一个排序顺序，然后使用sortList函数来对排序列表进行排序。
在主组件中，我们使用SortableList组件来显示排序列表，并使用排序按钮来触发排序。
-
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部