主干路由 - 排序和过滤

Question

在我的 Backbone 应用程序中，在我的集合上，我有多种排序方法，当基于集合渲染视图时，我当前正在通过路由使用全局变量集（当其他操作添加到集合中时，我使用全局变量来执行此操作，并且我想要最后使用的顺序）。例如

routes : {
    "" : "index",           
    '/ordering/:order' : 'ordering'
},
ordering : function(theorder) {
    ordering = theorder;
    listView.render();  
},

，在我看来，

if (typeof ordering === 'undefined') {
    d = this.collection.ordered();          
} 
else if(ordering == 'owners') {
    d = this.collection.owners();
} 

_.each(d, function(model){          
    model.set({request : self.model.toJSON()});
    var view = new TB_BB.OfferItemView({model : model});
    els.push(view.render().el);
});

其中订购和所有者是两种订购方法。

所以我的第一个问题是，基于路线有人可以建议更好的实现上述方法吗？该视图在多个位置呈现，因此我使用全局而不是将有序变量传递给方法？

第二个问题是 - 我还想添加一些过滤，所以假设我想按“价格”排序，但也进行一些过滤（假设按多个类别 id）。我如何添加灵活的“路由”来处理过滤。

我想我可以

routes : {
    "" : "index",
    '/ordering/:order/:filter1/:filter2' : 'ordering'
},

这样做，所以filter1和filter2将是后续过滤，但如果过滤器可以是0或100，这将不起作用。有人能提供解决方案吗？

Answer 1

好吧，首先您应该使用 Backbone 的内置功能来自动对集合进行排序。您可以通过定义 comparator 函数来利用这一点在你的收藏上。这为您提供了各种开箱即用的优势 - 例如，每次您添加或删除某些内容时，集合都会根据您的比较器重新排序。如果您想定义多个排序函数，只需将它们全部定义为函数，然后在需要时更新 comparator 即可。然后你就可以抛弃那个丑陋的全局var。

对于你的第二个问题，我不完全确定你所说的“如果过滤器可以是 0 或 100 这将不起作用”是什么意思。如果您的意思是，如果不指定所有过滤器，您就会遇到麻烦，那么这是真的。但您可以使用通配符来解决这个问题。看起来可能是这样的：

// your routes look like this:
routes : {
    '/ordering/:order/filters/*filters' : 'ordering' // your routes will look like: /ordering/price/filters/filter_one/filter_two/filter_three
},
ordering: function (order, filters) {
  filters = filters.split('/'); // creates an array of filters: ['filter_one', 'filter_two', 'filter_three']
  listView.render(filters); // pass your filters to the view
}

// listView.render() looks like this:
render: function(filters) {
  collection = this.collection;
  _.each(filters, function (filter) {
    collection = collection.filter(function () {
      // your actual filtering code based on what the filter is
    });
  });
}