项目场景:
当你在前端开发表格时,需要一个调整行数据顺序的功能。例如:可以随意调整行的位置。
问题与解答:
1.前端还是后端排序?
因为前端排序可以即时把结果展示给用户,如果没有分页和过滤条件,这里建议是前端排序,然后把结果传给后端保存。
因为如果通过后端排序,有网络延迟开销大,用户体验差。
2.如何把行1换到行3,或者行3换到行1?
解决思路:
1.当1换到3时,需要1和2先对调位置,再让2和3对调位置
2.当3换到1时,需要让3和2先对调位置,再让2和1对调位置
3.如何让后端把当前的排列顺序保存下来?
4.有分页怎么办?
5.有过滤条件怎么办?
解决方案:
输入:
数组:[
{name:'kevin',sort:1},
{name:'kevin1',sort:2},
{name:'kevin2',sort:3},
{name:'kevin3',sort:4},
{name:'kevin4',sort:5},
]
原位置:1
目标位置:3
输出:
[
{ name: