拖放列表和虚拟转发器

时间:2016-07-07 17:03:07

标签: javascript angularjs drag-and-drop angular-material angulardraganddroplists

我需要在我的应用程序中创建可排序的拖放列表。所以,为此,我使用angular-drag-and-drop-lists,它适用于少量项目。

但是,我的应用程序有数千项。因此,为了提高速度,我需要使用Angular Material提供的md-virtual-repeat。它使用正确数量的元素将模型保留在背景中。但是,DOM仅呈现在虚拟容器中可见的那些。

因为库使用渲染的$index来跟踪元素,所以使用虚拟转发器会产生各种问题,因为$index现在是虚拟的。

其中一些问题例如是:

  • 拖动的元素在model

  • 中重复
  • 放置位置的元素会从model

  • 中删除
  • 在拖动过程中,某些元素可能会从原始model

  • 中丢失
  • 等等...

你有什么建议来解决这个问题?

是否有其他更简单的解决方案而不是使用此库?

谢谢

0 个答案:

没有答案