在渲染之前对主干集合进行排序

编辑：要对主干集合进行排序，您只需指定一个比较器(无需定义sortBy 机制(，如下所示： dictionary.add(entry); dictionary.comparator = 'word';

我在对使用 .add(((未预加载(推送新模型的集合进行排序时遇到问题。我试图在下面使用下划线的排序方法

 var sorted = _(dictionary).sortBy("word");

但我无法让集合响应。 下面是我的代码。 我在底部注释掉了我的不起作用的代码。

(function($){
    //---------SINGLE ENTRY MODEL----------
            var Entry = Backbone.Model.extend({
                defaults: function(){
                    return{
                        word: '',
                        definition: ''
                    }
                }
            });
        //------------ENTRY MODEL COLLECTION------------
            var EntryList = Backbone.Collection.extend({
                model: Entry
            });
        //-----INSTANCIATE COLLECTION----
        var dictionary = new EntryList();
        //-----SINGLE ENTRY VIEW------
        var EntryView = Backbone.View.extend({
            model: new Entry(),
            tagName:'div',
            events:{
                'click .edit': 'edit',
                'click .delete': 'delete',
                'keypress .definition': 'updateOnEnter'
            },
            delete: function(ev){
                ev.preventDefault;
                dictionary.remove(this.model);
            },
            edit: function(ev){
                ev.preventDefault;
                this.$('.definition').attr('contenteditable', true).focus();
            },
            close: function(){
                var definition = this.$('.definition').text();
                this.model.set('definition', definition);
                this.$('.definition').attr('contenteditable', false).blur();
            },
            updateOnEnter: function(ev){
                if(ev.which == 13){
                    this.close();
                }
            },
            initialize: function(){
                this.template = _.template($("#dictionary_template").html());
            },
            render: function(){
                this.$el.html(this.template(this.model.toJSON()));
                return this;
            }
        });
        //--------------DICTIONARY VIEW------------
        var DictionaryView = Backbone.View.extend({
            model: dictionary,
            el: $('#entries'),
            initialize: function(){
                this.model.on('add', this.render, this);
                this.model.on('remove', this.render, this);
            },
            render: function(){
                var self = this;
                self.$el.html('');
                _.each(this.model.toArray(), function(entry, i){
                    self.$el.append((new EntryView({model: entry})).render().$el);
                });
                return this;
            }
        });

        //-------BINDING DATA ENTRY TO NEW MODEL VIEW-------
        $(document).ready(function(){
            $('#new-entry').submit(function(ev){
                var entry = new Entry({word: $('#word').val(), definition: $('#definition').val() });
                dictionary.add(entry);
                //var sorted = _(dictionary).sortBy("word");
                //console.log(sorted.toJSON());
                console.log(dictionary.toJSON());
                $('.form-group').children('input').val('');
                return false;
            });
            var appView = new DictionaryView();
        });
    })(jQuery);
</script>