Есть массив обьктов :
arr=[
{
order:1,
name:name,
},
{
order:1,
name:name1,
},
{
order:2,
name:name2,
},{
order:4,
name:name3,
},
{
order:7,
name:name4,
},
order:7,
name:name5,
},
order:8,
name:name6,
},
order:8,
name:name7,
},
order:8,
name:name8,
},
order:9,
name:name9,
},
.......
order:100,
name:name100,
}]
Он выводится в таблицу:
order | name |
---|---|
1 | name1 |
1 | name2 |
2 | name3 |
4 | name4 |
7 | name5 |
7 | name6 |
8 | name7 |
8 | name8 |
8 | name9 |
9 | name10 |
При клике на строку выделяются элементы, причем элементы с один order выделяются как один обьект. Есть две кнопки: стрелка вниз и вверх, для перемещения соответственно. Если обьект состоит из одного элемента перемещаешь с другим который тоже из одного жлемента состоит понятно все.
А как можно поменять местами если выделенная строка состоит из несколько элементов, жмешь вверху то есть, выбранный должен поменяться местами с вышестоящим и поменять поле order у этих обьектов местами.
То есть жмем на 7 строку(index=6).выделяется сразу три строки - 7,8,9. Жмем на кнопку стрелка вверх. Он должен поменяться местами с предыдущим обьектом, то есть строками 5 и 6. то есть на строке с индексом 4, 5,6 должны стоять name7,name8,name9 и у них у всех в поле order Должны быть 7. А на строках с индексами 7,8 name 5,6 соответственно и в полях в поле order стоять 8.
order | name |
---|---|
1 | name1 |
1 | name2 |
2 | name3 |
4 | name4 |
8 | name7 |
8 | name8 |
8 | name9 |
7 | name5 |
7 | name6 |
9 | name10 |
Я попробовала вот так
this.mySelectionIndex - массив с индексами выбранных строк. count - число строк обьекта с которым надо поменяться ordClickUp -this.arr[this.mySelectionIndex[0] - 1].order
получается в данной ситуации:
this.mySelectionIndex = [4,5,6];
count=2;
for (let k = 0; k < this.mySelectionIndex.length- 1; k++) {
this.arr[this.mySelectionIndex[k]-count] );
[
this.arr[this.mySelectionIndex[k]],
this.arr[this.mySelectionIndex[k]-count ]
] = [
this.arr[this.mySelectionIndex[k]-count],
this.arr[this.mySelectionIndex[k]]
];
this.arr[this.mySelectionIndex[0] + k].order = ordClickUp;
count--;
}
но результат не тот. в чем ошибка? Получается пока так:
order | name |
---|---|
1 | name1 |
1 | name2 |
2 | name3 |
4 | name4 |
8 | name7 |
7 | name5 |
8 | name8 |
7 | name6 |
8 | name9 |
9 | name10 |