Rails,X-Editable在AJAX调用中没有传递正确的参数

时间:2015-12-24 12:17:06

标签: ruby-on-rails x-editable

我现在已经看了2天了。我在Rails 4.2.5和ruby 2.1.7中有一个应用程序。 我正在尝试使用X-Editable实现内联编辑。

我没有使用任何宝石,只需用以下内容导入相关文件:

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>

<!-- x-editable (bootstrap version) -->
<link href="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.6/bootstrap-  editable/css/bootstrap-editable.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/x-editable/1.4.6/bootstrap-editable/js/bootstrap-editable.min.js"></script>

在我看来,我有:

<a href="#" class="editable bolbol editable-disabled" data-pk="1" id="amount" data-type="text" data-url="<%=crossingcost_path(crossingcost.id)%>" data-title="Enter Amount">
  <%= crossingcost.amount %>
</a>

我正在用

初始化
// make amount editable
$('.bolbol').editable({
});

到目前为止,我可以访问弹出窗口来编辑我想要编辑的值。

然后我收到一条错误消息:

  

ParameterMissing(param缺失或值为空:crossingcost)

所以发送的参数hash如下(来自日志):

参数:

{
  "name" => "amount",
  "value" => "166",
  "pk" => 1,
  "id" => "1"
}

因为它应该发送类似的东西:

{
  :crossingcost => {
    "name" => "amount",
    "value" => "166",
    "pk" => 1,
    "id" => "1"
  }
}

有关如何发送正确参数以使更新操作正常工作的任何想法?

EDIT1:添加控制器

# PATCH/PUT /crossingcosts/1
# PATCH/PUT /crossingcosts/1.json
def update

  respond_to do |format|
    if @crossingcost.update(crossingcost_params)
      format.html { redirect_to @crossingcost, notice: 'Crossingcost was successfully updated.' }
      format.json { render :show, status: :ok, location: @crossingcost }
    else
      format.html { render :edit }
      format.json { render json: @crossingcost.errors, status: :unprocessable_entity }
    end
  end
end



private
# Use callbacks to share common setup or constraints between actions.
def set_crossingcost
  @crossingcost = Crossingcost.find(params[:id])
end

def set_ticket
  @ticket = Ticket.find(params[:ticket_id])
end

# Never trust parameters from the scary internet, only allow the white list through.
def crossingcost_params
  params.require(:crossingcost).permit(:ticket_id, :usermetum_id, :amount,:firm_id)
end

def crossingcost_params_nested
  params.require(:mynested_crossingcost).permit(:ticket_id, :usermetum_id, :amount,:firm_id)
end

1 个答案:

答案 0 :(得分:1)

首先,我建议您使用Rails HTML Helpers而不是将ERB包装到HTML标记中。它看起来有点乱:

<%= link_to '#', class: 'editable bolbol editable-disabled', data: { pk: '1', type: 'text', url: crossingcost_path(crossingpost.id), title: 'Enter Amount' }, id: 'amount' do %>
  <%= crossingcost.amount %>
<% end %>

而不是

<a href="#" class="editable bolbol editable-disabled" data-pk="1" id="amount" data-type="text" data-url="<%=crossingcost_path(crossingcost.id)%>" data-title="Enter Amount">
  <%= crossingcost.amount %>
</a>

解决你的另一个问题:

如果我理解你的话,我认为解决这个问题的最佳方法是直接允许参数,而不是试图嵌套它们。

例如:

def crossingcost_params
  params.permit(:name, :value, :pk, :id)
end

通过这种方式,您可以允许没有嵌套的参数。

在你的例子中如此:

{
  "name" => "amount",
  "value" => "166",
  "pk" => 1,
  "id" => "1"
}

我认为也应该可以将这些参数嵌套在X-editable中。如果您想以这种方式解决问题,请查看Docs

希望这有帮助!

快乐编码:)