根据复选框值分配模型实例属性

Question

我有一个具有stage_name 和real_name 字符串属性的用户模型。我想做的是在我的_form.hmlt.erb 中的实名输入框旁边有一个复选框，询问，Real name is stage name?。如果选中，那么我想将真实姓名指定为舞台名称并禁用舞台名称input box withreal_name`真实姓名现在作为其值。到目前为止，我有：

_form.html.erb

<%= form_for @user do |f| %>
  <div>
    <%= f.text_field :stage_name %>
    <%= f.text_field :stage_name %> 
  </div>

  <div>
    <%= f.text_field :real_name %>
    <%= f.text_field :real_name %>

    # Not sure how to bind my model code to this checkbox
    <%= f.checkbox %>
    <%= f.label 'Real name is stage name?' %>
  </div>

  <div>
    <%= f.submit %>
  </div>
<% end %>

<script>
  $(function() {
    $("input[type='checkbox']").click(function() {
      var $checkbox   = $(this),
          $secondForm =  $("input[type='text']").eq(2);

      if ($checkbox.is(":checked")) {
        $secondForm.attr("disabled", true).val("<%= @user.real_name %>");
      } else {
          $secondForm.attr("disabled", false).val("");
      }
    });
  )};
</script>

Answer 1

您需要做的就是在模型中分配一个属性访问器。

attr_accessor :real_name_is_stage_name

这将在您的模型中创建一个非持久属性，您可以在其中一个回调中检查该属性，如果值为 1，则设置 real_name = stage_name，例如：

before_save do
  if real_name_is_stage_name == "1"
    real_name = stage_name
  end
end

然后将复选框设置为与您所做的更改进行交互，以便您可以将复选框的值发送给模型，如下所示：

<%= f.check_box :real_name_is_stage_name %>

如果你这样做了，在 javascript 代码中你只需要在选中 check_box 时禁用舞台名称 text_field，rails 将完成剩下的工作

模型.rb

class Model < ActiveRecord::Base
  attr_accessor :name_check
  ## Validation
  ## Callbacks
  before_validation do 
    if self.name_check == "1" and self.stage_name.present? and !self.real_name.present?
      self.real_name = self.stage_name
    end
  end
end

_form.html.erb

<%= form_for @user do |f| %>
    <%= render 'shared/error_messages', object: @user %>

    <div>
        <%= f.label :stage_name %><br>
        <%= f.text_field :stage_name %>
    </div>

    <div>
        <%= f.label :real_name %><br>
        <%= f.text_field :real_name %>
        <div>
            <%= f.label :name_check, 'Real Name is Stage Name?' %>
            <%= f.check_box :name_check, value: f.obj.real_name.eql?(f.obj.stage_name)? "1" : "0" if f.obj.real_name.present? and f.obj.stage_name.present? %> %>
        </div>
    </div>

    <div>
        <%= f.label :origin %><br>
        <%= f.text_field :origin %>
    </div>

    <%= f.submit %>
<% end %>

<%= render 'scripts' %>

_scripts.html.erb

<script>
    $(function() {  
        var $nameCheck = $('#artist_name_check'),
            $stageName = $('#artist_stage_name'),
            $realName  = $('#artist_real_name'),
            $originalVal = $stageName.val();

        // Checks and mirrors artist's real name and stage name

        if ($nameCheck.is(':checked')) {
            $stageName.attr("readonly", "readonly");
        }

        $nameCheck.click(function() {
            if ($nameCheck.is(":checked")) {
              $stageName.attr("readonly", "readonly").val($realName.val());
            } else {
                $stageName.attr("readonly", false).val($originalVal).focus();
            }
        });
    });
</script>

Answer 2

设法创建了一个优雅的基于脚本的解决方案，不需要后端逻辑。需要注意的一件非常重要的事情是，对我的输入框使用disabled 属性会阻止数据被保存。相反，我使用readonly 并在未选中时将其设置为false。最重要的一点是确定如何使复选框保持选中/取消选中状态，尽管它不是模型的一部分。通过使用第一个条件，这一切都成为可能。

总而言之，当文档加载脚本时，首先检查舞台名称的值是否等于真实姓名的值。如果是这样，则选中该复选框。一旦进入编辑视图，点击功能用于切换真实姓名输入值的状态。

_form.html.erb

<%= form_for @user do |f| %>
    <%= render 'shared/error_messages', object: @user %>

    <div>
        <%= f.label :stage_name %><br>
        <%= f.text_field :stage_name %>
    </div>

    <div>
        <%= f.label :real_name %><br>
        <%= f.text_field :real_name %>
        <div>
            <%= label_tag 'user_name_check', 'Real Name is Stage Name?' %>
            <%= check_box_tag 'user_name_check' %>
        </div>
    </div>

    <div>
        <%= f.label :origin %><br>
        <%= f.text_field :origin %>
    </div>

    <%= f.submit %>
<% end %>

<%= render 'scripts' %>

_scripts.html.erb

<script>
    $(function() {  
        var $nameCheck = $('#user_name_check'),
            $stageName = $('#user_stage_name'),
            $realName  = $('#user_real_name'),
            $originalVal = $stageName.val();

        // Checks and mirrors user's real name and stage name

        if ($realName.val() == $stageName.val() && $realName.val() != '') 
            $stageName.attr({
              checked:  'checked',
              readonly: 'readonly'
            });
        }

        $nameCheck.click(function() {
            if ($nameCheck.is(':checked')) {
              $stageName.attr('readonly', 'readonly').val($realName.val());
            } else {
                $stageName.attr('readonly', false).val($originalVal).focus();
            }
        });
    });
</script>