使用 SortableJS 捕获拖动的元素和替换的元素

Question

使用 Sortable JS 时如何抓取拖拽和替换的元素？

JS：

var originalList;
var sortable = Sortable.create(selection, {
  handle: '.bars-move',
  animation: 150,

/// not sure what to write here 

});

桌子：

<table>
  <tbody id="selection">
  {{ formset.management_form }}
  {% for form in formset %}
    {{form.id}}
    <tr id="{{form.instance.id}}">
      <td>
          <img src="{% static 'img/bars_icon.svg' %}" class="bars-move">
      </td>
      <td>{{form.name}}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>

谢谢！

Answer 1

var originalArray;
var sortable = Sortable.create(selection, {
  handle: '.bars-move',
  animation: 150,

  onStart: function (evt) {
    originalArray = sortable.toArray();
  },

  onEnd: function(evt) {
    var dragged_id = originalArray[evt.oldIndex];
    var replaced_id = originalArray[evt.newIndex];
  },

});