Dragula - класс прохождения на событии dropdown dragula

Question

Итак, у меня есть объект, который перетаскивается в несколько столбцов, и мне нужно сделать так, чтобы при его удалении переменная в этом объекте обновлялась в зависимости от того, какой столбец является, манипулирует этой переменной для отображения. я не смог получить событие ondrop для работы с тегом, и значение получателя события dragula не передает мне никакой информации, которая позволила бы мне получить объект. Есть ли способ заставить прослушиватель событий передать объект вместо тэгов html? или есть какой-то метод im missing?

Answer 1

Я думаю, что вы можете обновлять данные о снижении. Я сделал это вот так:

var drake = dragula({...}); 

function updateMyObject(elementId, listId) { 
    // update the object here, for example: 
    if (listId === 'firstList') { 
    // use the element id to find the item in your object and update it 
    myDataObject.filter(function(x) { 
     return x.id === elementId; 
    })[0].propertyToUpdate = listId; 
    } 
} 

drake.on('drop', function(el, target, source, sibling) { 
    var elementId = el.id; 
    updateMyObject(el.id, target.id); 
}); 

Это перо может помочь. Я смешиваю Dragula с Angular.js для моделирования данных. Событие должно обновить модель данных при падении. http://codepen.io/chris22smith/pen/37459a002cbe6b6cd37aa5e927698fba

Answer 2

Единственное решение, которое я нашел (сокращение от использования другого модуля drag'n'drop), заключается в том, чтобы сохранить заказ, когда пользователь закрывает страницу или переходит к чему-то еще. Или, поскольку событие drop является уловким, но, похоже, не может дать объект класса, вы все равно можете обнаружить, когда произошли изменения, и обновить его все, однако это не лучшая работа, поскольку это далеко больше налогов на системные ресурсы, чем обновление одной переменной.

Answer 3

Проведите заказ # как атрибут в своем элементе, чтобы он был доступен в вашей функции drake.on. С другими # и идентификатором вы сможете выяснить, что с ним делать, и сделать правильные обновления на сервере.