backbone.js - 如何获取用户输入数据的值(value)？

Question

假设我有一个网站，其中包含一些我想在其上运行一些计算的字段。我有一个数量输入，在我的backbone.js View 中，我将“更改”事件绑定(bind)到这个输入。

如何获取输入字段更改的值？

我找到了这个方法(如下)来获取值，但是感觉不对，因为我必须在我的函数中再次知道元素 ID。例如，我不能在类里面做到这一点。

window.Calculations = Backbone.View.extend({

    (...)

    events: {
        'change input#quantity': 'changeQuantity'
    },


    changeQuantity: function() {
        var val = $(this.el).find('input#quantity').val();
        this.model.set({'quantity': val});
    }

});

在 HTML 中:

<input type="text" id="quantity" value="<%= quantity %>">

我正确地接近这个吗？是否有访问已更改对象的变量？我知道 $(this.el) 不是它，它只是容器。

Answer 1

jQuery 发送一个 event反对你的功能changeQuantity .有了它，您可以检索更改的输入。

window.Calculations = Backbone.View.extend({

    //(...)

    events: {
        'change input#quantity': 'changeQuantity'
    },


    changeQuantity: function(e) {
        var val = $(e.currentTarget).val();
        this.model.set({'quantity': val});
    }

});

我创建了一个 jsfiddle 作为示例: http://jsfiddle.net/tz3XS/138/