Question

我在rails中有一个表单的多选输入字段。除了当用户提交模型中的验证器不接受的值时，它才能正常工作。当页面重新呈现并显示错误消息时，表单域将从多选字段更改为文本字段。我认为问题是rails由于某种原因改变了css类。以下是加载表单实例变量的控制器：

def edit
    @skills = Skill.all.collect {|skill| skill.label}
    @profile = current_user.profile
end

以下是表格：

<%= simple_form_for(@profile, :html => { :method => :put }) do |f| %>
  <%= f.error_notification %>
        <%= f.input :tag_list, collection: @skills, 
          input_html: {class: 'chosen-select', multiple: true, 
          style: 'width: 390px; height: 40px; border-radius: 5px;'},  
          placeholder: 'Tags (seperated by commas)', label: "-" %> <br />
        <%= f.submit "Save" %>
<% end %>

这是更新控制器：

def update

    @profile = current_user.profile

    begin
      if @profile.update_attributes!(profile_params)
        flash[:notice] = "Successfully updated profile."
        redirect_to profile_path(current_user.profile_name)
      else
        render :action => 'edit'
      end
    rescue
      render :action => 'edit'
    end
end

第一次渲染时，表单效果很好。为该字段生成的html如下所示：

<div class="input select optional profile_tag_list">
  <label class="select optional" for="profile_tag_list">-</label>
  <input name="profile[tag_list][]" type="hidden" value="" />
    <select class="select optional chosen-select" id="profile_tag_list" 
      multiple="multiple" name="profile[tag_list][]" 
      placeholder="Tags (seperated by commas)" 
      style="width: 390px; height: 40px; border-radius: 5px;">
         <option value="Finance">Finance</option>
         <option value="PHP">PHP</option>
         <option value="python">python</option>
    </select>
</div>

但是当它在更新操作失败后渲染时，html就像这样：

<div class="input string optional profile_tag_list field_with_errors">
   <label class="string optional" for="profile_tag_list">-</label>
   <input class="string optional chosen-select" id="profile_tag_list" 
     multiple="multiple"  name="profile[tag_list][]" 
     placeholder="Tags (seperated by commas)" 
     style="width: 390px; height: 40px; border-radius: 5px;" type="text"
     value="PHP" />
       <span class="error">Please only submit skills from the list.</span>
</div>

如何让表单在重新渲染时仍显示选择字段？感谢。

Answer 1

由于每个请求都是无状态的，因此在返回编辑表单之前需要重建@skills实例变量。此外，您通常不想使用“！”在update_attributes调用中，因为如果发生任何验证错误，则会抛出RecordInvalid错误。你可以使用：

if @profile.update_attributes(profile_params)
  flash[:notice] = "Successfully updated profile."
  redirect_to profile_path(current_user.profile_name)
else
  @skills = Skill.all.collect {|skill| skill.label}
  render :action => 'edit'
end

如果实例变量设置变得复杂，您可以将其移动到edit和update方法使用的共享方法中。如果你遇到除RecordInvalid之外的其他一些错误，那么你可以考虑使用开始/救援结构。

如果表单错误，jquery select字段的简单形式无法正常工作

1 个答案: