德拉古拉-在德拉古拉掉落事件中传递职业

Question

所以我有一个可拖拽到多个列的对象，我需要使它这样，当它被拖拽时，该对象中的变量根据它是什么列而更新，因为另一个对象操纵该变量进行显示。我一直无法从标签中获得(ondrop)事件，并且dragula事件侦听器的值没有传递给我任何允许我获得对象的信息。是否有强制事件侦听器传递对象而不是html标记的方法?还是我遗漏了什么方法?

Answer 1

我认为你可以在drop时更新数据。我是这样做的:

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

我找到的唯一解决方案(使用不同的拖放模块)是在用户关闭页面或转到其他地方时保存订单。或者因为drop事件是可捕获的，但似乎不能给出一个类对象，你仍然可以检测何时有变化，并让它更新一切，但这不是最好的工作，因为它比更新一个变量对系统资源的负担要大得多。

Answer 3

传递order #作为元素的属性，以便在您的drake中访问它。在函数。有了订单号和ID，您应该能够弄清楚如何处理它，并在后端进行正确的更新。