入门当前拖动项目的Backbone.CollectionView

Question

指数给出一个面板

var panel = new Backbone.CollectionView({...}) 

如何获得当前的模型进行排序？

panel.on('sortStart', function(e) { 
    var index = something; 
}); 

Answer 1

我想你使用某种UI操作工具，例如jQuery UI。正如Lesha在她的comment中所说的那样，可以通过触发模型视图上的事件来完成。

//creting children view 
var PanelItem = Backbone.View.extend({ 

    events: { 
    "sortStart": "sortEventPropagation" 
    }, 

    initialize : function (options) { 
    this.parentView = options.parentView; 
    }, 

    sortEventPropagation: function(){ 
    this.parentView.trigger('sort:start:propagated', this.model); 
    }, 
}) 

每次创建panelItem视图时，都需要在选项中将其作为parentView传递给panelItem视图。

var childView = new PanelItem({ 
    parentView: panel 
}) 

而且面板上，你可以很容易地listenTo sort:start:propagated事件

var Panel = Backbone.CollectionView.extend({ 
    initialize: function(){ 
    this.listenTo(this, 'sort:start:propagated', function(model){ 
     //Do magic with model 
    }) 
    }, 
}) 

你想获得排序的完整集合，如果不是你是什么让模型分类意味着