用epoxy.js绑定单选按钮

Question

我试图使用epoxy.js将一组单选按钮绑定到主干模型。我希望模型更新与单选按钮的价值，但似乎无法使它发挥作用。我使用的所有其他字段(文本字段、选择框、复选框)都按预期工作，只是我遇到问题的单选按钮。

下面的简化代码是我到目前为止所掌握的。即使在选择不同的单选按钮时，模型也只保留默认的情况。我希望模型中的金额值将被更新到所选单选按钮的值是什么。

型号：

Backbone.Model.extend({
        defaults: {
            amount: ''
        }
}

查看：

Backbone.Epoxy.View.extend({
        bindings: {
            "input[name='amount']:checked": "value:amount"
        }
}

HTML：

<input name="amount" type="radio" value="10">
<input name="amount" type="radio" value="20">
<input name="amount" type="radio" value="30">

Answer 1

我的解决方案是使用内联绑定，而不是像我最初做的那样在视图文件中使用。解决不了这个问题，但至少是个解决办法。

Answer 2

我从未使用过epoxy.js，但我认为它应该熟悉常规视图。您应该侦听正确的事件(click或change)以获取您的视图：

events: {
    'click input[name=amount]:checked': 'changeAmount'
},
changeAmount: function() {
    // your code here
},

Answer 3

从医生们来看，绑定似乎有第二个参数，即要注册的事件：

bindings: {
  "input[name='amount']:checked": "value:amount,events:['keyup']"
}