Question

我在Ruby on Rails 4中使用Simple_form创建了一个部分，但是当我渲染页面时，部分中的表单标签不会环绕控件，因此当我单击提交按钮时，表单不会发布。

以下是浏览器中呈现的部分的HTML源代码。您会注意到控件不在结束表单标记内。

<tr data-id="4">
<form id="edit_social_platform_4" class="simple_form edit_social_platform" novalidate="novalidate" method="post" data-remote="true" action="/social_platforms/4" accept-charset="UTF-8"></form>
<td>
<div class="control-group string required social_platform_name">
</td>
<td>
<div class="control-group url optional social_platform_url">
</td>
<td>
<div class="control-group integer optional social_platform_user_id">
</td>
<td>
<input class="btn" type="submit" value="Update Social platform" name="commit">
</td>
</tr>

以下是部分输入轨道的代码：

<%= simple_form_for(@social_platform, remote: true) do |f| %>

    <td><%= f.input :name %></td><br/>
    <td><%= f.input :url %></td><br/>
    <td><%= f.input :user_id %></td><br/>
    <td><%= f.button :submit %></td>

<% end %>

以下是正在调用的控制器更新方法的代码。目前没有运行。

  def update
    respond_to do |format|
      if @social_platform.update(social_platform_params)
        format.html { redirect_to @social_platform, notice: 'Social platform was successfully updated.' }
        format.js {}
        format.html { render action: 'edit' }
      end
    end
  end

以下是将部分呈现在页面上的update.js.erb文件：

$('tr[data-id=<%= @social_platform.id %>]').replaceWith("<%=j render 'social_platforms/social_platforms', social_platform: @social_platform %>");

以下是部分与之交互的视图上的代码：

<table class="table socialPlatformTable">
  <thead>
  <tr>
    <th>Name</th>
    <th>Url</th>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  </thead>

  <tbody class="social-platforms">
  <% @social_platforms.each do |social_platform| %>
      <tr data-id="<%= social_platform.id %>">
        <td><%= social_platform.name %></td>
        <td><%= social_platform.url %></td>
        <td><%= link_to 'Edit', edit_social_platform_path(social_platform), remote: true %></td>
        <td><%= link_to 'Destroy', social_platform, method: :delete, data: { confirm: 'Are you sure?' } %></td>
      </tr>
  <% end %>
  </tbody>
</table>

Answer 1

错误来自您尝试在<form>元素中直接声明的<tr>元素，该元素是被禁止的。

您只有两个选择：

将<form>包裹在整个表格

中

<%= simple_form_for(@social_platform, remote: true) do |f| %>
  <table>
  ....
  </table>
<% end %>

将其放在单个表格单元格

中

<table>...
  <tr>
  <td colspan="4">
    <%= simple_form_for(@social_platform, remote: true) do |f| %>
      ...
    <% end %>
  </td>
  </tr>
</table>

实际上，没有办法（afaik）将表格包裹在几个（但不是全部）表格单元格周围。（如果有的话，我很乐意知道）

Rails Simple Form <form>标签不包围控件</form>

1 个答案: