html: < /p>
Drag and Drop list in Green Area:
- i am list 1
- i am list 2
- i am list 3
- i am list 4
Drop Here
< /code>и TypeScript содержит следующее: < /p>
allowDrop(ev) {
ev.preventDefault();
}
drag(ev) {
ev.dataTransfer.setData("text", ev.target.id);
}
drop(ev) {
ev.preventDefault();
var data = ev.dataTransfer.getData("text");
ev.target.appendChild(document.getElementById(data).cloneNode(true));
}
< /code>
это от html5 drag and drop, и я могу перетаскивать элементы списка из Div с списком классов в Div с классом Buildarea. < /p>
После того, как пользователь сбросил список элементов, может изменить заказ элементов списка, которые были отброшены в Buildarea div. Список 1,2,3,4,5 может измениться на любой заказ, например, 2,4,5,3,1 или что -либо, что пользователь хочет. < /p>
На данный момент я использовал только угловой и типовой, и не было добавлено третье плагин, и мне также нужен результат без каких -либо сторонних или JQuery. Решение и, следовательно, любезно поможет мне достичь изменения порядка в отброшенном списке.>
Подробнее здесь: https://stackoverflow.com/questions/521 ... g-and-drop
