角度表排序和拖放表行冲突

时间:2016-05-25 05:52:53

标签: javascript angularjs drag-and-drop tablesort

我在项目中使用angular table-sortangular drag-drop。当我拖动一行并尝试将其拖放到另一行时,表格会强行将行排序到之前的位置。

如果我删除表格排序指令ts-repeat,那么拖放功能就完美无缺。我还需要默认表格列排序“年龄”升序。我在plunker上做了一个例子,以便更好地理解。 https://plnkr.co/edit/pHlTufpayFAB4he8bN6y

那么,拖放行时如何防止表排序?

任何人都可以帮我解决这个问题吗?我真的很感激。 提前谢谢。

3 个答案:

答案 0 :(得分:6)

我认为你应该摆脱ts-repeat,并且最初只对数据进行排序(在你的服务/控制器中)。这不是一个错误,这是一个功能。想象一下,您删除然后将一个元素重新添加到已排序的表中。你希望它保持排序,对吗?

答案 1 :(得分:1)

您可以尝试使用Angular ui-sortable代替角度拖放。我认为这对你有用。

答案 2 :(得分:0)

PrimeNG Table提供带拖放的行重新排序,你需要即将推出的5.2.1。

https://www.primefaces.org/primeng/#/table/reorder