backbone.js - Marionette ItemView 如何在更改时重新渲染模型

Question

我正在使用 Handlebars 模板引擎。
所以，我有模型：

Backbone.Model.extend({
        urlRoot: Config.urls.getClient,
        defaults: {
            contract:"",
            contractDate:"",
            companyTitle:"",
            contacts:[],
            tariff: new Tariff(),
            tariffs: [],
            remain:0,
            licenses:0,
            edo:""
        },
        initialize:function(){
            this.fetch();
        }
    });

然后是木偶ItemView：

Marionette.ItemView.extend({
        template : templates.client,
        initialize: function () {
            this.model.on('change', this.render, this);
        },
        onRender: function () {
            console.log(this.model.toJSON());
         }      
    });

然后我将所有内容称为：

new View({
    model : new Model({id:id})
        })

而且，它会立即为我呈现一个视图，这很酷。但是在模型获取数据后它触发了“更改”，所以我在控制台序列化模型中看到了两次，我第一次看到空模型然后填充了一个。

但是，视图没有更新。

我该如何解决？

PS 我明白，我可以在 fetch done 回调中调用渲染方法。但是当用户更改模型时，我还需要它进行进一步的操作。

Answer 1

在视图中，您可以使用以下代码

    modelEvents: {
        'change': 'render'
    }

代替

   initialize: function () {
        this.model.on('change', this.render, this);
    },
    onRender: function () {
        console.log(this.model.toJSON());
     }

Answer 2

实际上，Backbone 和 Marionette 足够聪明，可以做到这一点。
问题出在模板和数据中，因为我发现它是另一个问题。所以，我重新检查了一切并得到了结果。