我有两张桌子。表A有比表B更多的数据。在我用于表A的JSON数据结构中 - 我没有显示表A中的所有数据,因为它是为表B保留的。基本上我想要的是什么do,是将一行从表A拖放到表B,但是当drop完成后,数据看起来与我从A开始拖动时的数据完全不同。让我说我没有在表A中显示object.colorRed但数据是存在的。然后我将该行移动到表B,现在我可以查看object.colorRed。
真正需要发生的是表A中的一行需要分成两行。划分数据并将其放在表B中的两行中。我不知道如何解决这个问题。
- Angular 4
由于
答案 0 :(得分:3)
我使用我的一个Angular项目执行类似操作,并使用ng2-dnd库。与其他drag-n-drop库不同,ng2-dnd不会操作dom,而是将对象数据发送到已删除的容器。
以下是online documentation的链接。前提很简单,你可以这样做:
(在你想要拖动的桌子上)
<tr *ngFor="let thing of things" dnd-draggable [dragEnabled]="true" [dragData]=
"myDragData">
(在你希望放弃的桌子/ div上)
<tbody dnd-droppable (onDropSuccess)="handleDrop($event)">