绑定主干视图事件时如何使用变量？

Question

我想使用我在视图选项中定义的选择器将事件绑定到视图。

就像（在coffescript中）：

events: ()->
  "change" : "setNewCheckedStateWithCheckbox"
  '"click'+ @.options.choices_button_selector +'"' : "test"

我一生都无法弄清楚。

Answer 1

这里的问题是你不能在 JavaScript 对象文字的键中执行表达式。在对象上设置任意键的唯一方法是使用 obj[表达式] 语法。

这是重写代码以执行您想要的操作的一种方法：

class MyView extends Backbone.View
  _events = change: "setNewCheckedStateWithCheckbox"
  events: ->
    eventsHash = _.extend {}, _events
    eventsHash["click #{@.options.choices_button_selector}"] = "test"
    eventsHash

Answer 2

下次尝试一下

events: ()->
  "change" : "setNewCheckedStateWithCheckbox"
  "click#{@options.choices_button_selector}" : "test"

，只需插入 console.log 即可显示您不确定的值。

console.log '"click'+ @.options.choices_button_selector +'"'

这将输出带有引号的 "click#selector" （不应该在那里）。