Question

我需要使用BackboneJS（使用CoffeeScript）设置一个简单的CRUD应用程序

似乎无法从我的视图中处理一个简单的表单。

<form role="form">
  <div class="form-group">
    <label for="title">Title</label>
    <input type="text" class="form-control" name="title">
  </div>
  <div class="form-group">
    <label for="code">Code</label>
    <input type="text" class="form-control" name="code">
  </div>
  <button type="submit" class="submit">Submit</button>
</form>

在我看来，我有：

define [
  'jquery'
  'underscore'
  'backbone'
  'templates'
], ($, _, Backbone, JST) ->
  class SimpleView extends Backbone.View
    template: JST['app/scripts/templates/simple.hbs']

    events:
      'submit': 'submit'

    render: ->
      $('.content').html(@template())

    submit: (event) ->
      console.log 'submit', event
      @$('input[name=title]').val()


  view = new SimpleView()

当我提交表格时，没有任何事情发生。

我做错了什么？

============解决============= 渲染功能没有将模板添加到视图的el

Answer 1

您可能没有正确地监听事件（即不确定submit事件将传播到视图级别，这是您正在侦听的位置）。尝试听取表单提交：

events:
  'submit form': 'submit'

BackboneJS表单处理

1 个答案: