Выберите элементы группы с помощью Sortable.js [закрыто]Jquery

Программирование на jquery
Ответить Пред. темаСлед. тема
Anonymous
 Выберите элементы группы с помощью Sortable.js [закрыто]

Сообщение Anonymous »

У меня есть список разных клиентов и их собственных продуктов. мой клиент спросил, можно ли щелкнуть один из них и проверить или проверить другие элементы с тем же классом, а затем перетащить их все вместе. Пример: у меня есть список в изображении 1, затем я щелкаю первый элемент, затем проверяются другие элементы того же класса (имя клиента, номер чека и т. д.) image2, затем перетащите все эти элементы одновременно
Я хотел бы знать, есть ли такая возможность выбрать все элементы одного класса только одним щелчком мыши за один раз из них или дважды щелкните мышью. Стараюсь не проверять их все один в один.
Мне удалось назначить один и тот же класс сортировки для одних и тех же элементов, но при перетаскивании я получаю только тот, на который щелкнул, другие не тащат. Я предполагаю, что за этим стоит какое-то событие, но я не знаю, что значит назначить его другим элементам, которые я хочу перетащить.
Для этого я работаю с Sortable.js работа.

Код: Выделить всё

    Sortable.create(list, {
group: 'shared',
multiDrag: true,
selectedClass: "selected",
animation: 150
});

// FUNCION PARA REORDENAR LOS ITEMS / FUNCTION TO REORDER ITEMS
function ordenarli(){
setTimeout(function(){
console.log('entro');
var divs = document.getElementsByClassName('oefes');
var dades = new Array();
for(var i = 0; i < divs.length; i++){
dades.push(divs[i].innerText);
}
dades = JSON.stringify(dades);
$.ajax({
type: 'POST',
url: 'ordenacioOF.php',
data: {'dades': dades},
success: function(response) {
console.log(response);
},
error: function(output) {
console.log('fail ');
}
});
}, 400);
}

//FUNCION PARA MARCAR ITEMS CON LA MISMA CLASE / FUNCITON TO SELECT ITEMS WITH SAME CLASS
function marcaraltresofs(comanda){
var ofs = document.getElementsByClassName(comanda);
setTimeout(function(){
for(var i = 1; i < ofs.length; i++){
if(ofs[0].classList.contains('selected')){
ofs[i].classList.add('selected');
ofs[i].classList.add('sortable-selected');
ofs[i].classList.add('sortable-chosen');
ofs[i].propName = 'draggable';
ofs[i]['draggable'] = 'true';
}else{
ofs[i].classList.remove('selected');
ofs[i].classList.remove('sortable-chosen');
ofs[i].classList.remove('sortable-selected');
ofs[i].propName = 'draggable';
ofs[i]['draggable'] = 'false';
}
}
}, 150);
}
[введите здесь описание изображения][1]

[введите здесь описание изображения][2]

[1]: https://i.sstatic.net/3RnrFTlD.png
[2]: https://i.sstatic.net/827bSNNT.png

Подробнее здесь: https://stackoverflow.com/questions/792 ... ortable-js
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Jquery»