Я новичок в Angular 2 самом деле angular. У меня есть требование перетаскивать строки в таблице и сортировать соответственно. Таблица имеет 3 столбца:
- ссылка на вложение
- кнопка редактирования диалога
- кнопка удаления для удаления строки.
, например, если Я перетаскиваю строку 1 и опускаюсь в строку 3, порядок строк 1 и 3 будет меняться или сортироваться. Мой руководитель написал директиву перетаскивания и сервис перетаскивания, который используется во многих компонентах для перетаскивания элементов из одного компонента в другой. Мне нужно перетащить и отсортировать строки в одной таблице. Как установить область и цель с помощью одной таблицы? Директива, которая имеет OnDragStart, OnDragEnd, OnDragEnter, OnDragOver и OnDragLeave, OnDragDropevents.
После удаления строк следует отсортировать, так что я думаю, что мне нужно иметь метод SortAfterDropmethod для обработки этого в файле сценария. Как я могу это реализовать?
вот мой html:
это тот объект, где должно происходить перетаскивание и сортировка:
<tbody>
<tr *ngFor="let attachment of form.controls; let i=index" [FormGroupName]="i">
<td>
<ng-container *ngIf="attachment.idValue;else noId">
<a href="investigations/{{investigationid}}/attachments/{{attachment.idValue}}" *ngIf="isPrivate">{{attachment.fileNameValue}}</a>
</td>
<td>
<button type="button" class="btn btn-default btn-sm glyphicon glyphicon-option-horizontal" (click)="openEditAttachment(editattachment,attachment)"></button>
</td>
</tbody>
</ng-container>