Question

我有一个由rails后端驱动的Backbone应用程序。我有一个Invitation资源，我可以通过向邀请控制器的创建操作发送POST请求来发送邀请。

My Backbone模型看起来像这样（coffeescript）：

class Invitation extends Backbone.Model
  urlRoot: '/invitations'

以下是发送邀请的表单模板。我试图尽可能接近普通的rails形式，因为看起来Rails会处理最好的：

<form action="/invitations" accept-charset="UTF-8" id="new_invitation" class="new_invitation" method="post">
  <input id="invitation_recipient_name" class="invitation_recipient_name" type="text" name="invitation[recipient_name]" />
  <input id="invitation_recipient_email" class="invitation_recipient_email" type="text" name="invitation[recipient_email]" />
  <input type="submit" class="btn primary" name="commit" id="invite" value="Send Invitation" />
</form>

这是我的模型和模板的Backbone View

class InvitationView extends Backbone.View
  # this is the template shown above
  template: JST['backbone/templates/invitation']
  events:
    'click #invite': 'sendInvite'

  render: ->
    $(this.el).html this.template()
    this
  sendInvite: (e) ->
    e.preventDefault()
    name = this.$('#invitation_recipient_name')
    email = this.$('#invitation_recipient_email')
    this.model.save
      recipient_name: name.val()
      recipient_email: email.val()

问题是当我单击提交按钮并调用sendInvite方法时，我的服务器接收具有以下结构的数据：

Parameters: {"recipient_name"=>"A name", "recipient_email"=>"name@example.com", "invitation"=>{"recipient_email"=>"name@example.com", "recipient_name"=>"A name"}}

现在这确实有效，因为我的invitations#create操作希望使用以下形式的参数：params[:invitations]，这是rails的标准。然而，在请求中发送两次名称和电子邮件的事实似乎表明我的设置出了问题。

我做错了什么或这是对的吗？

如果有人想看到它，这是我的控制器操作：

  # POST /invitations
  def create
    @invitation = current_user.sent_invitations.new params[:invitation]

    respond_to do |format|
      if @invitation.save
        format.json { render_for_api :invitation, json: @invitation, status: :created }
      else
        format.json { render json: @invitation.errors, status: :unproccessible_entity }
      end
    end
  end

编辑如果我设置属性并在保存之前记录它，这就是我的邀请模型：

  Invitation
    _changed: false
    _changing: false
    _escapedAttributes: Object
      __proto__: Object
    _previousAttributes: Object
      recipient_email: "dave@example.com"
      recipient_name: "Dave"
      __proto__: Object
    attributes: Object
      recipient_email: "dave@example.com"
      recipient_name: "Dave"
      __proto__: Object
    cid: "c17"
    __proto__: ctor

该日志由以下代码生成：btw：

sendInvite: (e) ->
    e.preventDefault()
    name = @$('#invitation_recipient_name')
    email = @$('#invitation_recipient_email')
    @model.set recipient_name: name.val(), recipient_email: email.val()
    console.log "THe model to save", @model

编辑2
这就是我在路由器中实例化我的视图的方式。我应该如何更改这一点，以便Backbone自动跟踪我的模型属性，即使我没有从服务器获取和设置它们。

  var TeamRouter = Backbone.Router.extend({
    routes: {
      'members': 'members'
    },

    members: function() {
      @invite = new MoveOutOrg.Models.Invitation();
      @inviteView = new MoveOutOrg.Views.InvitationView({
        model: @invite
      });
      $('#stage').append(@inviteView.render().el);
    }
  });

Answer 1

params[:recipient_name]和params[:recipient_email]字段是您致电model.save()的结果。传入的参数是可选的。如果已使用正确的值创建模型，则无需传递任何要保存的内容。缺少的部分是你如何实例化视图。

另外，我将事件更改为"submit #new_invitation"。它更具描述性。您关心提交的表单...而不是他们点击了按钮。它还可以捕获他们提交表单而不单击按钮的情况（例如按Enter键）。

要将视图链接到模型，请使用initialize方法。

initialize: ->
  @model.bind('change', @render)

要记住的基本事情是model事件通过集合和任何其他人聆听。所以现在当你保存时，如果任何属性被更改，将触发change事件，这将导致视图重新渲染。

Answer 2

数据在params中重复的原因是默认情况下在Rails for JSON请求中打开了ActiveSupport.wrap_parameters设置。在Rails项目中查看/config/initializers/wrap_parameters.rb。

您可以通过更改以下内容将其停用：

ActiveSupport.on_load(:action_controller) do
  wrap_parameters format: [:json]
end

到

ActiveSupport.on_load(:action_controller) do
  wrap_parameters format: []
end

了解更多信息：http://guides.rubyonrails.org/action_controller_overview.html#parameters

Answer 3

我最近决定使用backbone-rails gem试用backbone.js并遇到了这个问题。解决方案是在模型中设置 paramRoot 选项：

class Invitation extends Backbone.Model
  urlRoot: '/invitations'
  paramRoot: 'invitation'

在codebrew中，由于某些原因，他们没有在自述文件中提及它，但参数包含在提供的生成器中。

没有收集的骨干模型。将重复数据发送到服务器？

3 个答案: