从索引视图启动删除请求batman.js和rails 3

Question

我正在创建一个rails 3应用程序使用batman.js作为前端。当我在单个记录的show.html视图中时，我能够提交一个成功的删除请求。但是当我在index.html视图中时，相同的模式不会触发delete方法。我猜，当Batman.js触发一个我不明白的删除请求时，会出现一些小魔术。可能与venue视图中的index.html变量的作用域有关。我将展示控制器的代码和所讨论的两个视图。如果你需要别的东西，请问。

/app/assets/javascripts/controllers/venues_controller.js.coffee

class Plansandpictures.VenuesController extends Batman.Controller
  routingKey: 'venues'

  index: (params) ->
    @set 'newVenue', new Plansandpictures.Venue
    Plansandpictures.Venue.load (err, venues) =>
      @set 'venues', Plansandpictures.Venue.get('loaded')

  show: (params) ->
    Plansandpictures.Venue.find parseInt(params.id, 10), (err,result) =>
      throw err if err
      @set 'venue', result

    @render source: 'venues/show'


  create: (params) ->
    @newVenue.save (err, venue) =>
      if !err
        @set 'newVenue', new Plansandpictures.Venue
        Plansandpictures.Venue.get('loaded').add(venue)

  update: (params) ->

  destroy: (params) ->
    @get('venue').destroy (err) =>
      if err
        throw err unless err instanceof Batman.ErrorsSet
      else
        Plansandpictures.flashSuccess "Removed successfully!"
        @redirect '/venues'

/app/assets/javascripts/views/venues/show.html

<h4 data-bind="venue.name"></h4>
<h6>Description</h6>
<p data-bind="venue.description"></p>
<h6>Address</h6>
<p data-bind="venue.address"></p>
<h6>City</h6>
<p data-bind="venue.city"></p>
<h6>State</h6>
<p data-bind="venue.state"></p>
<a data-event-click="controllers.venues.destroy | withArguments venue">delete</a>

/app/assets/javascripts/views/venues/index.html

<h2>Venues</h2>
<table>
  <thead>
    <th>Name</th>
    <th>Description</th>
    <th>Address</th>
    <th>City</th>
    <th>State</th>
  </thead>
  <tbody>
    <tr data-foreach-venue="venues">
      <td data-bind="venue.name"></td>
      <td data-bind="venue.description"></td>
      <td data-bind="venue.address"></td>
      <td data-bind="venue.city"></td>
      <td data-bind="venue.state"></td>
      <td><a data-route="routes.venues[venue]">show</a></td>
      <td><a data-event-click="controllers.venues.destroy | withArguments venue">delete</a></td>
    </tr>
  </tbody>
</table>

<h3>Add a Venue</h3>
<form data-formfor-venue="controllers.venues.newVenue" data-event-submit="controllers.venues.create">
    <input class="new-item" placeholder="Name" data-bind="venue.name" />
    <input class="new-item" placeholder="Description" data-bind="venue.description" />
    <input class="new-item" placeholder="Address" data-bind="venue.address" />
    <input class="new-item" placeholder="City" data-bind="venue.city" />
    <input class="new-item" placeholder="State" data-bind="venue.state" />
    <input class="new-item" type="number" placeholder="1" data-bind="venue.user_id" />
    <input type="submit" value="Add Venue" />
</form>

Answer 1

您的控制器假设它可以通过@get('venue')获取地点，但这并不一定设置在index视图上。因此，改变：

destroy: (params) ->
  @get('venue').destroy (err) =>

至：

destroy: (venue) ->
  venue.destroy (err) =>

这在这两种情况下都应该有效。