Коллекция Backbone.js сохраняет новый порядок сортировки? - PullRequest
Новая
       0

Коллекция Backbone.js сохраняет новый порядок сортировки?

1 голос
/ 13 октября 2011

ОК, поэтому я сортирую группу виджетов панели мониторинга с помощью jQuery UI и хотел бы сохранить новый порядок виджетов. Каков наилучший подход к этому? Есть идеи?

Я думал о том, чтобы придать атрибуту «порядок» внутри модели вот так: 

widgetsModel: Backbone.Model.extend({
    defaults: {
        name: 'Widget',
        category: 'uncategorized',
        order: '0',
        content: 'No Content'

    },

    initialize: function(i) {
        this.bind("change:name", function() {
            var name = this.get("name");
            console.log('From Model: '+name);
        });

        this.bind('error', function(model, error) {
            alert(error);
        });

    }

})

Тогда в коллекции у меня есть это: 

widgetsCollection: Backbone.Collection.extend({

    model: mw.models.widgetsModel,

    localStorage: new Store('widgets_'+mw.mainTab),

    initialize: function(widget){

        var $this = this;

        _.bind('add', function(widget){
            //console.log(widget.get('name'));
        });

        $('#dash_widget_container').sortable({
            items:'.module_wrap',
            accepts:'.module_wrap',
            handle: '.module_header',
            tolerance: 'pointer',
            revert:true,
            placeholder: "ui-state-highlight"
        });


    },

    nextOrder: function() {
        if (!this.length) return 1;
        return this.last().get('order') + 1;
    },

    comparator: function(widgets) {
        return widgets.get('order');
    }

})

В этот момент я застрял. Есть идеи?

1 Ответ

0 голосов
/ 13 октября 2011

Как насчет сброса WidgetsCollection и последующего размещения WidgetModels в новом порядке. 

console.log(widgetsCollection.models) // => model1, model2, model3
widgetsCollection.reset([model2, model3, model1]);
console.log(widgetsCollection.models) // => model2, model3, model1

Вы можете использовать JQuery UI для получения нового заказа.Таким образом, они сохраняются в порядке, и нет никаких дополнительных затрат.

...