Rails Ajax partials传递表单构建器

时间:2013-04-26 02:07:52

标签: javascript ruby-on-rails ajax forms partial-views

我正在使用ajax加载我的表单的一部分,具体取决于下拉列表的值,如下所示:

..form_partial.js.erb

 $('#custom_ajax').remove();
  <% if @house == "Rent" %>
   $('#rest_of_form').after('<div id="custom_ajax"><%= escape_javascript render('/houses/forms/rent') %></div>');
 <% else %>
   $('#rest_of_form').after('<div id="custom_ajax"><%= escape_javascript render('/houses/forms/buy') %></div>');
<% end %>

在这里被称为......

.._form.html.erb
<%= form_for @house, :validate => true, :html => { :class => 'form-horizontal',:multipart => true } do |f| %>

..........................................
..........................................

<div id = "rest_of_form"></div>
<div id="custom_ajax">
..........................................
..........................................

</div>
..........................................
..........................................
<script type="text/javascript">
$(document).ready(function() {
  $('#house_listing_type').change(function() {


$.ajax({ url: '/houses/' + this.value + '/form_partial' });

});
});
</script>

然后我可以加载带有它的文件,并且它是唯一的问题,因为我需要将表单生成器传递给部分,因为我的_buy.html.erb看起来像这样

  <div class="control-group">
    <%= label :property_classification, "Property Classification", :class => "control-label" %>
      <div class="controls">
          <div class="input-prepend">
        <span class="add-on"><i class="icon-info-sign"></i></span>
          <%= select :property_classification, ["Residential","Commercial"], {},{:class=>"input-medium"} %>
        </div>
      </div>
    </div>

显然需要表单构建器,我已尝试将其作为本地等传递但无效。我也尝试删除所有“f”。这是有效的,但表单没有正确显示,并且没有一个更漂亮的表单构建器元素工作..

如何将表单构建器设置为部分?

由于

2 个答案:

答案 0 :(得分:1)

http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html
如果不依赖form_for,则要使用的表单构建器元素分别为label_tagselect_tag

在这种情况下,您可能会更容易同时使用form_tagfields_for,而不是form_for

答案 1 :(得分:1)

我在这里用我提出的解决方案回答了同样的问题:

pass form builder in remote_function in rails?