Question

我正在使用骨干，我是新手，我有一个产品尺寸列表和数量/价格清单。当有人选择不同的产品尺寸时，我使用骨干对服务器进行ajax调用以获取更新的价格表。

我很难让save函数工作，以便我可以返回更新的集合。我将不得不传回几个参数，但暂时，我只是想把它保存到后端。我读过save可以用来自动设置ajax请求。

我也只想在单击li元素时加载模板，而不是在页面加载时加载模板。

我的代码

var models = {};

models.PriceModel = Backbone.Model.extend({   

})

models.PriceList = Backbone.Collection.extend({

    initialize: function(options) {     
        this.productId = options.productId;
    },

    model: models.PriceModel,

    url: function() {
           return '../product/pricing/' + this.productId + '.json'
        }  

});

查看

var PriceView = Backbone.View.extend({
    el: '#product-module',

    template: Handlebars.compile($("#priceTemplate").html()),

    events: {
        "click #product-dimensions li": "dimensionClicked",
    },

    initialize: function(){
        this.listenTo(this.collection, 'add', this.render);
        this.listenTo(this.collection, 'reset', this.render);
    },

    render: function() {
        this.$el.find('#product-quantities').html( this.template(this.collection.toJSON()));
    },

    dimensionClicked: function(event, callback){        
        this.collection.save({},{
              success: function(model, data){
                  console.log('success')
                  this.collection.fetch();
              },
              error: function(model, response) {
                  console.log('error! ' + response);
              }
          });
    },

});

页

<script>   
    var prices = new models.PriceList({productId:${productInstance.id}});
    var priceView = new PriceView({collection: prices});
<%--        prices.fetch({reset: true});--%>
</script>

我得到的错误。

TypeError：this.collection.save不是函数

this.collection.save（{}，{

如何传回几个参数然后刷新模板？

Answer 1

解决方案是使用

this.collection.fetch({data: {customParm : searchData}, reset: true});

使用事件处理程序的骨干刷新集合

1 个答案: