Как получить и отфильтровать данные

В моей магистральной функции все работает нормально, даже фильтр. но проблема в том, что всякий раз, когда я нажимаю на тип фильтра и переключаюсь на другой тип фильтра, он фильтрует существующие отфильтрованные данные, а не извлекает новые с сервера и фильтрует...

в случае, если я добавлю вызов выборки поверх моей функции фильтра, он извлечет все данные без фильтрации... как я могу это исправить?..?

мой код:

    $(document).ready(function(){
    var school = {};

    school.model = Backbone.Model.extend({
        defaults:{
            name:'no name',
            age:'no age'
        }
    });

    school.collect = Backbone.Collection.extend({
        model:school.model,
        url:'js/school.json',
        initialize:function(){
            this.sortVar = "name"
        }
    });

    school.view = Backbone.View.extend({
        tagName:'div',
        className:'member',
        template:$('#newTemp').html(),
        render:function(){
            var temp = _.template(this.template);
            this.$el.html(temp(this.model.toJSON()));
            return this;
        }
    });

    school.views = Backbone.View.extend({
        el:$('#content'),
        events:{
            'click #newData' : 'newArrival',
            'click #showName' : 'showByName',
            'click #showAge' : 'showByAge'
        },
        initialize:function(){
            _.bindAll(this);
            this.collection = new school.collect;
            this.collection.bind('reset', this.render);
            this.collection.fetch();
            this.childViews = [];
        },
        newArrival:function(){
            this.collection.fetch(); //it works fine, i use this for update
        },
        showByName:function(){
// this.collection.fetch(); //but i can't do this, it removes filtered data..
            this.sortVar = 'name';
            var filterType = _.filter(this.collection.models, function(item){
                return item.get('name') != '';
            })
            this.collection.reset(filterType); //resets without fetching (filtering  from existing datas..)
        },
        showByAge:function(){
// this.collection.fetch(); //but i can't do this, it removes filtered data..
            this.sortVar = 'age';
            var filterType = _.filter(this.collection.models,function(item){
                return item.get('age') != 0;
            })
            this.collection.reset(filterType); //resets without fetching (filtering from existing datas..)
        },
        render:function(){

            _.each(this.childViews, function(old){
                old.remove();    
            });

            this.childViews = [];

            var that = this;
            _.each(this.collection.models, function(item){
                that.renderItem(item);    
            });
        },
        renderItem:function(item){
            var newItem = new school.view({model:item});
            this.$el.append(newItem.render().el);
            this.childViews.push(newItem);
        }
    });

    var newSchool = new school.views;
    });

заранее спасибо, также у меня есть еще 2 метода для добавления: сортировка имени и возраста при отображении данных.


person 3gwebtrain    schedule 28.01.2013    source источник
comment
Я не очень хорошо знаком с Backbone, но, похоже, проблема в том, что метод school.collect запоминается. Поэтому, если вы не выполните этот вызов повторно для файла school.json, у вас останутся старые данные.   -  person    schedule 28.01.2013
comment
да, но пока я вспоминаю данные json, фильтр не работает   -  person 3gwebtrain    schedule 28.01.2013


Ответы (1)


Это работает для меня .. всем спасибо.

showByAge:function(){
        var that = this;
        this.sortVar = 'age';
        this.collection.fetch()
        .done(function(){ // i am proceeding after i finish the fetch!
            var filterType = _.filter(that.collection.models,function(item){
                return item.get(that.sortVar) != 0;
            })
            that.collection.reset(filterType);
        })
    },
person 3gwebtrain    schedule 28.01.2013
comment
работает для меня, за исключением того, что fetch() нужно обернуть в $.when() - person Joe; 28.01.2013
comment
Это по-прежнему требует первоначальной загрузки всех моделей через xhr, что необязательно. - person nnyby; 04.09.2015
comment
Благодарю вас! Это единственный хак, который работает, ваша техника не падает вместо того, чтобы делать models.where({status: 'active'}) при работе с Obscura - person Thomas Webber; 15.09.2017