Backbone.js集合中所有模型的唯一属性名称,用于永久链接

时间:2012-07-10 12:15:55

标签: javascript backbone.js underscore.js

我想确保在创建新模型时,特定属性在整个集合中是唯一的,这样我最终可以将此属性用作永久链接。

我有一个列表集合和列表模型。 (CoffeeScript的)

class App.Models.List extends Backbone.Model
  defaults:
    name: "My New List"

class App.Collections.ListSet extends Backbone.Model
  model: App.Models.List

当一个新模型被添加到ListSet时,如果存在具有该名称的模型,我想在name属性的末尾添加一个自动递增的数字。例如My New List 1如果模型存在My New List

我不希望它突兀并显示错误,但只是自动解决问题。我对添加递增整数的逻辑感到满意,但我需要指明代码的位置以进行更改。

2 个答案:

答案 0 :(得分:1)

这可能对您有用:

App.Models.List = Backbone.Model.extend({
    initialize: function(attrs) {
        this.set(attrs);
        this.set({originalName: attrs.name});

        var count = yourCollection.reduce(function(count,model){
            return count + (model.get('originalName') === this.get('originalName') ? 1 : 0);
        },0,this);

        if(count > 0) {
            this.set({name: this.get('name') + ' ' + count});
        }
    }
});

以下是演示:jsFiddle DEMO

这应该做的是每次初始化模型时,都会扫描集合以查看是否有其他模型具有相同的originalName。如果是这样,您将结果添加到name属性。

===更新===

我现在意识到,当将模型添加到集合中时,最好进行修改,以便将模型与集合分离。这是一个更新的代码段:

App.Models.List = Backbone.Model.extend({
    initialize: function(attrs) {
        this.set({originalName: attrs.name});
    }
});

App.Collections.Lists = Backbone.Collection.extend({
    model: App.Models.List,
    initialize: function() {
        this.on('add',this.resolveNameConflict,this);
    },
    resolveNameConflict: function(model){
        var count = this.reduce(function(c,m){
            return c + (m.get('originalName') === model.get('originalName') ? 1 : 0);
        },0);
        if(count > 1) {
            model.set({name: model.get('originalName') + ' ' + (count-1)});
        }
    }
});

和演示:jsFiddle DEMO

答案 1 :(得分:0)

更新:jackwander的回答是更好的解决方案...... 我会在这里保留这个,因为比较和对比我的天真解决方案是有趣的。初学者程序员,你可以通过评估两者来学习。 : - )


我会捅它。你可能会做这样的事情。基本上我们添加一个eventListener,每次将模型添加到集合时都会进行名称检查。 nameTracking数组是一种名称对象的目录,它具有唯一的名称片段和计数器,用于跟踪名称根的最后计数。对我们的递增应用程序很有用。

ListSet = Backbone.Collection.extend({

    initialize: function() {
        this.nameTracking = [];
        this.on('add', this.pushModelName, this);
    },

    pushModelName: function(model, collection) {

        // First, look through current collection for a model with same name
        var duplicate = this.find(function(listModel) {
            return model.get('name') === listModel.get('name');
        });

        // If duplicate exists, we lookup the name and counter in the nameTracking array.
        if (duplicate) {

            var nameObj = _.find(this.nameTracking, function(nameObj) {
                return nameObj.name === model.get('name');
            });

            // We increment the counter so that our added model is appended with the
            // correct, "latest" increment/indicator
            nameObj.count = nameObj.count++;
            model.set('name', model.get('name') + '_' + nameObj.count);

        // Otherwise it doesn't exist so we push the name into our nameTracking array
        } else {    // Not a duplicate, new name

            var modelName = model.get('name');

            this.nameTracking.push({
                'name': modelName,
                'count': 0
            });

        }
    }
});

需要注意的是,这假设您添加的模型是一个新模型,而不是已经具有已经存在于集合中的模型的ID(不是克隆)。您还需要一些方法来更新集合初始化nameTracking[]fetch(),因为这假设您从头开始。我不处理模型的删除和更新名称计数器的东西,但根据这个草图,如果你想要这种性质的东西,它应该不难实现。