Question

我对Backbone相当陌生，而且我正在开发一个可能不太适合Backbone的项目，但无论如何我都在尝试！我没有使用RESTful API，所以我的所有数据都是在页面加载时获取的，就是它，它根本就没有更新。数据作为单个JSON块发送。

我已经为JSON中的每个项目设置了一个新模型CookingItem，然后将其添加到CookingItemList集合中，这很好。但是，我需要在某处存储有关数据集的信息，因此我创建了另一个存储此信息的“属性模型”（状态信息，启动项等）。这个属性模型还有几个操作数据的方法..然后从视图中调用它们（这样可以吗？）。

这很好，但我只是想确定我所做的事情被认为是一种很好的做事方式。我确信可能有更好的方法来处理Properties模型？

// Models
var CookingItem = Backbone.Model.extend(),

CookingProperties = Backbone.Model.extend({
    defaults:{
        startItem: 'anything',
        currentItems:[]
    },
    setStartItem:function (val) {
        // Code Here to edit this models properties
    },
    addRemoveItem:function (val) {
        // Code Here to edit this models properties
    }
}),

// Collection
CookingItemList = Backbone.Collection.extend({
    model:CookingItem,
    url:function () {
        return "json.js";
    }
}),

// View
CookingView = Backbone.View.extend({
    el:'.page',
    events:{
        // Buttons in the UI
        'click .link1':function () {
            this.cookingProperties.addRemoveItem('item name');
        },
        'click .link2':function () {
            this.cookingProperties.addRemoveItem('item name');
        }
    },
    initialize:function () {
        // Scope
        var _this = this;
        // Instantiate
        this.cookingItemList = new CookingItemList();  // PlayListItems Collection.
        this.cookingProperties = new CookingProperties(); // Properties Model.
        // Bindings
        this.cookingProperties.on('change:startItem', function () {
            _this.customMethod1();
            _this.customMethod2();
        });
        // Render the view
        this.render();
    },
    render:function () {
        var _this = this;
        this.cookingItemList.fetch({
            success:function () {
                _this.cookingProperties.setStartItem('item');
                _this.customMethod1();
            }
        });
        return this;
    },
    customMethod1:function () {
        // Do something
    },
    customMethod2:function () {
        // Do something
    }
}),

// Start
cookingView = new CookingView({
    collection:CookingItemList
});

澄清 - 处理Backbone.js中的其他信息

0 个答案: