拖放表中的行而不交换

时间:2019-02-19 23:58:03

标签: angular drag-and-drop angular-template

我一直在寻找一种在Angular中做到这一点的方法。我在网上找到的所有示例都显示了相同的用例,您可以将一行拖动到另一行,然后将目标行替换为初始行。 但这不是我想要的。

假设我有3列乘5行的表格:

Slot1, Bananas, $1.00 
Slot2, <empty>,  
Slot3, <empty>,
Slot4, Oranges, $2.00
Slot5, <empty>, 

我想将香蕉及其价格拖到Slot5,将Slot1空着,就像这样:

Slot1, <empty>, 
Slot2, <empty>,  
Slot3, <empty>,
Slot4, Oranges, $2.00
Slot5, Bananas, $1.00 

我正在寻找的另一个用例:将一行拖到现有行上,而不是交换该行,而是将其颠倒,如下所示:

Slot1, <empty>, 
Slot2, <empty>,  
Slot3, <empty>,
Slot4, Bananas, $1.00
Slot5, Oranges, $2.00 

有什么主意吗?

0 个答案:

没有答案