Jquery RubyonRails中的引导模式编辑表单

我有一个_表单，我必须使用引导模式在同一页面上显示它

我有admin.html代码，其中有模态代码

admin.html.erb

<div id="user_form" class="modal fade " tabindex="-1" role="dialog" style="display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body ">
        <%= render partial: 'form' %>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
      </div>
    </div>
  </div>
</div>
<span style="float: right">
  <%= link_to "&nbsp;&nbsp;<i class='fa fa-pencil'></i>".html_safe, edit_reseller_path(reseller.id), title: "Edit Profile", data: { toggle: 'modal', dismiss: 'modal', target: '#user_form'} %>
</span>

我必须用bootstrap模式编辑的表单是这样的

_form.html.erb

<div id="some_id" >
  <div class="splitcontentleft">
    <fieldset class="box tabular">
      <legend><%=l(:label_information_plural)%></legend>
      <p><%= f.text_field :login, :required => true, :size => 25  %></p>
      <p><label for='reseller[firstname]'>Name<span class="required"> *</span></label>
        <%= f.text_field :firstname, :required => true, :no_label => true %>
      </p>
      <p><%= f.text_field :mail, :required => true %></p>
      <p><%= f.text_field :contact_number%></p>
      <p><%= f.select :language, lang_options_for_select %></p>
    </fieldset>
  </div>
  <div class="splitcontentright">
    <%= image_tag @reseller.avatar.url(:medium) unless @reseller.avatar.url(:medium) == "/avatars/medium/missing.png"%>
  </div>
</div>
<div style="clear:left;"></div>

目前，当我点击link_to pencil图标时，它会重定向到新页面进行编辑。但是我想用modal在同一页上编辑它。我该怎么做？请帮帮我。我试图在modals和form中跟踪表单id，但没有工作。

您的链接标记缺少数据目标属性：

<%= link_to "&nbsp;&nbsp;<i class='fa fa-pencil'></i>".html_safe, edit_reseller_path(reseller.id) ,title: "Edit Profile", "data-toggle" => "modal",  "data-dismiss=" => "modal", "data-target" => "#user_form"%>

轨道4：

admin.html.erb

<div id="user_form" class="modal fade " tabindex="-1" role="dialog" style="display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body ">
        <%= render partial: 'form' %>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">close</button>
      </div>
    </div>
  </div>
</div>
<span style="float: right">
  <%= link_to "&nbsp;&nbsp;<i class='fa fa-pencil'></i>".html_safe, edit_reseller_path(reseller.id), title: "Edit Profile", data: { toggle: 'modal', dismiss: 'modal', target: '#user_form'} %>
</span>

_form.html.erb

<div id="some_id" >
  <div class="splitcontentleft">
    <fieldset class="box tabular">
      <legend><%=l(:label_information_plural)%></legend>
      <p><%= f.text_field :login, :required => true, :size => 25  %></p>
      <p><label for='reseller[firstname]'>Name<span class="required"> *</span></label>
        <%= f.text_field :firstname, :required => true, :no_label => true %>
      </p>
      <p><%= f.text_field :mail, :required => true %></p>
      <p><%= f.text_field :contact_number%></p>
      <p><%= f.select :language, lang_options_for_select %></p>
    </fieldset>
  </div>
  <div class="splitcontentright">
    <%= image_tag @reseller.avatar.url(:medium) unless @reseller.avatar.url(:medium) == "/avatars/medium/missing.png"%>
  </div>
</div>
<div style="clear:left;"></div>

---

友好的建议：尽量不要使用内联样式。

我添加了它，但是没有。它没有正确显示。我是否也需要在modal body中添加id？是的，从此部分中删除id:。每个dom元素的Id都应该是唯一的，不要两次使用一个Id。你说的是哪个文件？my _form.htmlwhich包含我的编辑表单或我的模式文件，其中包含模式代码当我删除'****时，它什么也不做。没有回应。谢谢更新的答案。不幸的是，它在表单上抛出了不同的错误。当我重新加载admin.html页面时，每个表单字段都会出现类似的错误。未定义的局部变量或方法f'用于25%>

未定义的局部变量或方法f'用于[firstname]`您能帮我一下吗。我认为表单正在加载，可能就是这样出错的。我怎样才能解决这个问题？

<div id="some_id" >
  <div class="splitcontentleft">
    <fieldset class="box tabular">
      <legend><%=l(:label_information_plural)%></legend>
      <p><%= f.text_field :login, :required => true, :size => 25  %></p>
      <p><label for='reseller[firstname]'>Name<span class="required"> *</span></label>
        <%= f.text_field :firstname, :required => true, :no_label => true %>
      </p>
      <p><%= f.text_field :mail, :required => true %></p>
      <p><%= f.text_field :contact_number%></p>
      <p><%= f.select :language, lang_options_for_select %></p>
    </fieldset>
  </div>
  <div class="splitcontentright">
    <%= image_tag @reseller.avatar.url(:medium) unless @reseller.avatar.url(:medium) == "/avatars/medium/missing.png"%>
  </div>
</div>
<div style="clear:left;"></div>