0

フロントエンドにbatman.jsを使用してRails 3アプリを作成しています。show.html個々のレコードを表示しているときに、正常な削除要求を送信できます。しかし、私がindex.htmlビューにいるとき、同じパターンが削除メソッドをトリガーしていません。私は、Batman.js が私が理解できない削除要求をトリガーするときに、ちょっとした魔法が発生していると推測しています。おそらくvenue、ビュー内の変数のスコープと関係がありindex.htmlます。問題のコントローラーと 2 つのビューのコードを示します。他に何か必要な場合は、お尋ねください。

/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>
4

1 に答える 1

1

コントローラーは、 を介して会場を取得できると想定していますが@get('venue')、必ずしもindexビューに設定されているとは限りません。だから変更：

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

に：

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

そして、これは両方のコンテキストから機能するはずです。

于 2013-08-21T18:02:22.387 に答える