javascript - 点击聆听新创建的模型？

Question

我正在单击创建一个模型，并且想知道在模型上监听验证事件的最佳位置在哪里？我创建模型，在属性上设置输入值，然后创建一个监听器，在点击处理程序中使用此监听器感觉不对，但也许我错了？

JS

    buttonClicked: function(event) {
            var input = this.$('.js-input'),
                itemValue = input.val(),
                model = new Item({
                    item: itemValue
                }, {
                    validate: true
                });

        this.listenTo(model, 'invalid', this.onFormError, this);
    }

链接到codepen http://codepen.io/styler/pen/rearYp

Answer 1

这取决于您对模型的处理方式。如果你想在新 View 中显示它，验证应该在新 View 的初始化中。

var view= Backbone.View.extend({
   model:Item,
   initialize: function (model, options) {
     this.listenTo(this.model, 'invalid', this.onFormError, this);
   },
   ......
}

如果您在本地使用它，您可以将其放在点击处理程序上。

试试这个............

var view= Backbone.View.extend({
    model:Item,
    initialize: function (model, options) {
        this.model= new Item();
        this.listenTo(this.model, 'invalid', this.onFormError, this);
        this.render();
    },
    buttonClicked: function(event) {
        var input = this.$('.js-input'),
        itemValue = input.val(),
        this.model.set('item', itemValue);
        if(!this.model.isValid(true)){
              return;
        }
    }
    ......
}