在没有jQuery的情况下,是否有一个重复的重新排序拖放



谁有一些代码重新排序的ng-repeat使用拖放,不需要jQuery?(仅依赖于angularjs)

我用https://github.com/kamilkp/angular-sortable-view取得了很好的结果-它是全新的(第一次提交是在上!),但它非常容易使用。您将sv-root属性放在元素(可能是div)上,这是您希望能够重新排序的ng-repeat的祖先。然后,您将sv-element属性放在您要ng-repeat的任何元素上,并为您处理拖放。

你也可以选择把sv-handle属性放在一些元素(可能是一个图像,或字体Awesome图标)在你的ng-repeat,在这种情况下,该元素被用作拖拽句柄。您还可以选择设置"占位符"(显示的东西,当你拖动,以显示拖动的元素将被定位,如果你现在放下它)与sv-placeholder属性上的任何元素是你的占位符。最后,您可以选择在某些元素上指定sv-helper属性,以使该元素成为被拖动的元素。(因此,如果你希望用户在拖动时看到的东西需要与他们在列表中看到的不同,这就是你要做的)。

哦,sv-placeholdersv-helper属性可以在元素 ng-repeat外,在这种情况下,相同的元素将用于每一个拖动的情况(例如,使用这个如果你想要一个空白的灰色框作为一个占位符的方式Trello它当你拖卡),或者这些属性可以在元素 ng-repeat内部,在这种情况下,你可以访问特定的本地范围ng-repeat元素(例如,使用这个如果你想让你的占位符是"我正在拖动的文本,不透明度为50%,周围有虚线边框")

从https://github.com/kamilkp/angular-sortable-view repo链接的演示很好地演示了它的用法,所以与其多说,不如让您在演示中随便看看。到目前为止,我的个人经历是很好的。

哦,而且它除了Angular之外没有任何依赖。不需要jQuery或其他任何东西

最新更新