drag-and-drop - 是否有任何用于拖放重新排序集合的 Backbone.Marionette 插件

Question

我正在使用 Backbone.Marionette 呈现集合，并希望能够拖放以重新排序列表中的项目。

我找到了这个 Backbone 插件： http : //rotundasoftware.github.io/backbone.collectionView/ 但如果可能的话，我不想依赖 jQueryUI。此外，这个插件似乎不能很好地与 Marionette CollectionView 配合使用。

还有其他插件吗？

Answer 1

我敢肯定，大多数此类插件只是 Jquery 或其他 DOM 库的包装，或者只是用于 DOM 操作的纯 JS 代码。

无论如何，Marionette View 将其抽象构建为分离演示应用程序逻辑。它关心渲染数据并根据模型状态保持视图真实，D&D它的DOM库职责。

因此，将所有这些人员捆绑在一起的方法如下：

1）您的模型有一些默认数据 2）Marionette.CollectionView 负责渲染和观察模型更改以刷新自身。3) JQ UI 或其他在拖动或其他回调时构建 d&d 和更新模型。

例如：

我有查看方法：

onSliderChange: function(e, obj) { this.model.set({ ---- }); }

并在 D&D 小部件上调用它：

this.$el.DD({ drag : $.proxy(this.onSliderChange,this) });