當我單擊“刪除”鏈接時，嵌套表單字段沒有刪除，但是更新字段和添加新字段正在工作（在ruby on rails中）
[英]nested form fields are not deleting when i click on remove link, but the updating the fields and adding new fields is working(in ruby on rails)
問題描述
我有模型Approval ， Approver 。 他們之間的關聯是Approval有許多Approvers 。 在這里，我正在使用嵌套表格。 創建一個Approval Process與他們一起Approvers 。 在這里，當我以編輯形式添加新的審批者時，其工作正常。 當我更改現有值時，它會以編輯形式正確更改。 但是，當我通過單擊“刪除”鏈接刪除這些嵌套字段時，這些字段將消失。 到這里為止。 當我單擊更新刪除字段后，字段不會被刪除。
<%= nested_form_for(@approval , html: {:class => 'form-inline'}) do |f| %>
<div class="col-md-7">
<div class="field">
<%= f.label :name, "Assign a name to this approval process." %></br>
<%= f.text_field :name,:class => 'form-control' %></br></br>
</div>
<div class="field">
<%= f.label :for, "This approval process will be be applicable to which claim form?" %>
<%=f.select :for, ["Regularize Attendance", "Leave Request", "Daily Expense Claim ", "Travel Expense Claim"], {:prompt=>"Select One"}, {:class => 'form-control' } %></br></br>
</div>
<div class="field">
<%= f.label :sequential, "Does this process involve sequential or non-sequential approvals?" %>
<%=f.select :sequential, ["Sequential", "Non-Sequential"], {:prompt=>"Select One"}, {:class => 'form-control' } %>
<br><br>
</div>
<%= f.fields_for :approvers do |approver| %>
<div class="field">
<%= approver.label :approver_type,"Approver" %>
<%= approver.select :approver_type, ["Role", "Specific User"], {}, {:class => 'form-control role_select', :onchange => "$.fn.myFunc(this);" } %></br></br>
</div>
<div class="field">
<%= approver.label :approver_value,"Role" %>
<%= approver.select :approver_value, [ "HR Manager", "Reporting Manager"], {}, {:class => 'form-control appr_select' } %>
<%= approver.text_field :approver_value, style: 'display:none',:class => 'form-control inpt_specific_user',:disabled => "true" %>
<%= approver.link_to_remove "Remove", :class=>"" %> </br></br>
</div>
<% end %>
<%= f.link_to_add "Add Approvers", :approvers,:class=>"" %></br>
</div>
<div class="col-md-7">
</br>
<%= f.submit "Save", :class=>"btn btn-primary" %>
</div>
<br>
<% end %>
默認情況下，此處的approver_type字段將顯示為角色，並且相應地，iam將approver_value字段顯示為下拉列表（通過隱藏approver_value文本框）。 當用戶將approver_type更改為特定用戶時，iam將approver_value字段顯示為文本框，以輸入特定的人名（通過隱藏approver_value字段下拉列表）。為此，這是我編寫的javascript：
$.fn.myFunc = function (button) {
alert("in actual");
var $nextDiv = $(button).closest('div.field') // get closest parent field
.next('div.field') // get next parent field
$nextDiv.find('label') // find label
.text(button.value);
if(button.value == 'Role'){
$nextDiv.find('select').show();
$nextDiv.find('select').removeAttr( "disabled" )
$nextDiv.find('input').hide();
$nextDiv.find('input').attr("disabled", "disabled");
}
if (button.value =="Specific User"){
$nextDiv.find('input').show();
$nextDiv.find('input').removeAttr( "disabled" )
$nextDiv.find('select').hide();
$nextDiv.find('select').attr("disabled", "disabled");
}
}
$( document ).ready(function() {
$("select.role_select").each(function(){
var $this = $(this);
var $nextDiv = $this.closest('div.field') // get closest parent field
.next('div.field') // get next parent field
alert("YYYYYYYYYYYYYYYYYYYYYYYY");
alert($this);
alert($this.val());
if($this.val() == 'Role'){
$nextDiv.find('select').show();
$nextDiv.find('select').removeAttr( "disabled" )
$nextDiv.find('input').hide();
$nextDiv.find('input').attr("disabled", "disabled");
}
if ($this.val() =="Specific User"){
$nextDiv.find('input').show();
$nextDiv.find('input').removeAttr( "disabled" )
$nextDiv.find('select').hide();
$nextDiv.find('select').attr("disabled", "disabled");
}
});
});
當我刪除具有Approver_type下拉值的字段作為"specific user" ，刪除工作正常。
這是終端中的輸出：
Started PATCH "/approvals/fYtVHpl_3zqTskQtnmedWw%253D%253D" for 127.0.0.1 at 2015-09-02 12:24:09 +0530
Processing by ApprovalsController#update as HTML
Parameters: {"utf8"=>"✓", "authenticity_token"=>"/lQfQRUhE8jmhSitAMkDx+bWMKLZilP29PQXGI82YaY=", "approval"=>{"name"=>"attendance", "for"=>"Regularize Attendance", "sequential"=>"Non-Sequential", "approvers_attributes"=>{"0"=>{"approver_type"=>"Role", "approver_value"=>"Reporting Manager", "id"=>"13"}, "1"=>{"approver_type"=>"Specific User", "approver_value"=>"john", "_destroy"=>"1", "id"=>"14"}}}, "commit"=>"Save", "id"=>"fYtVHpl_3zqTskQtnmedWw%3D%3D"}
但是，當我刪除具有Approver_type下拉值作為"role"的字段時，則不會刪除。
Started PATCH "/approvals/fYtVHpl_3zqTskQtnmedWw%253D%253D" for 127.0.0.1 at 2015-09-02 12:32:15 +0530
Processing by ApprovalsController#update as HTML
Parameters: {"utf8"=>"✓", "authenticity_token"=>"/lQfQRUhE8jmhSitAMkDx+bWMKLZilP29PQXGI82YaY=", "approval"=>{"name"=>"attendance", "for"=>"Regularize Attendance", "sequential"=>"Non-Sequential", "approvers_attributes"=>{"0"=>{"approver_type"=>"Role", "approver_value"=>"Reporting Manager", "id"=>"13"}}}, "commit"=>"Save", "id"=>"fYtVHpl_3zqTskQtnmedWw%3D%3D"}
當我刪除以值作為角色的批准者下拉字段時，destroy參數未發送參數。
但在控制器中，我也將這些參數列入了白名單。
def approval_params
# params.require(:approval).permit(:company_id, :name, :for, :sequential)
params.require(:approval).permit!
end
嵌套表單正在編輯表單中生成以下標記：
<form accept-charset="UTF-8" action="/approvals/fYtVHpl_3zqTskQtnmedWw%253D%253D" class="form-inline" id="edit_approval_4" method="post"><div style="display:none"><input name="utf8" type="hidden" value="✓" /><input name="_method" type="hidden" value="patch" /><input name="authenticity_token" type="hidden" value="/lQfQRUhE8jmhSitAMkDx+bWMKLZilP29PQXGI82YaY=" /></div>
<div class="col-md-7">
<div class="field">
<label for="approval_name">Assign a name to this approval process.</label></br>
<input class="form-control" id="approval_name" name="approval[name]" type="text" value="attendance" /></br></br>
</div>
<div class="field">
<label for="approval_for">This approval process will be be applicable to which claim form?</label>
<select class="form-control" id="approval_for" name="approval[for]"><option selected="selected" value="Regularize Attendance">Regularize Attendance</option>
<option value="Leave Request">Leave Request</option>
<option value="Daily Expense Claim ">Daily Expense Claim </option>
<option value="Travel Expense Claim">Travel Expense Claim</option></select></br></br>
</div>
<div class="field">
<label for="approval_sequential">Does this process involve sequential or non-sequential approvals?</label>
<select class="form-control" id="approval_sequential" name="approval[sequential]"><option value="Sequential">Sequential</option>
<option selected="selected" value="Non-Sequential">Non-Sequential</option></select>
<br><br>
</div>
<div class="fields">
<div class="field">
<label for="approval_approvers_attributes_0_approver_type">Approver</label>
<select class="form-control role_select" id="approval_approvers_attributes_0_approver_type" name="approval[approvers_attributes][0][approver_type]" onchange="$.fn.myFunc(this);"><option selected="selected" value="Role">Role</option>
<option value="Specific User">Specific User</option></select></br></br>
</div>
<div class="field">
<label for="approval_approvers_attributes_0_approver_value">Role</label>
<select class="form-control appr_select" id="approval_approvers_attributes_0_approver_value" name="approval[approvers_attributes][0][approver_value]"><option value="HR Manager">HR Manager</option>
<option selected="selected" value="Reporting Manager">Reporting Manager</option></select>
<input class="form-control inpt_specific_user" disabled="disabled" id="approval_approvers_attributes_0_approver_value" name="approval[approvers_attributes][0][approver_value]" style="display:none" type="text" value="Reporting Manager" />
<input id="approval_approvers_attributes_0__destroy" name="approval[approvers_attributes][0][_destroy]" type="hidden" value="false" /><a class=" remove_nested_fields" data-association="approvers" href="javascript:void(0)">Remove</a> </br></br>
</div>
<input id="approval_approvers_attributes_0_id" name="approval[approvers_attributes][0][id]" type="hidden" value="13" /></div><div class="fields">
<div class="field">
<label for="approval_approvers_attributes_1_approver_type">Approver</label>
<select class="form-control role_select" id="approval_approvers_attributes_1_approver_type" name="approval[approvers_attributes][1][approver_type]" onchange="$.fn.myFunc(this);"><option value="Role">Role</option>
<option selected="selected" value="Specific User">Specific User</option></select></br></br>
</div>
<div class="field">
<label for="approval_approvers_attributes_1_approver_value">Role</label>
<select class="form-control appr_select" id="approval_approvers_attributes_1_approver_value" name="approval[approvers_attributes][1][approver_value]"><option value="HR Manager">HR Manager</option>
<option value="Reporting Manager">Reporting Manager</option></select>
<input class="form-control inpt_specific_user" disabled="disabled" id="approval_approvers_attributes_1_approver_value" name="approval[approvers_attributes][1][approver_value]" style="display:none" type="text" value="john" />
<input id="approval_approvers_attributes_1__destroy" name="approval[approvers_attributes][1][_destroy]" type="hidden" value="false" /><a class=" remove_nested_fields" data-association="approvers" href="javascript:void(0)">Remove</a> </br></br>
</div>
<input id="approval_approvers_attributes_1_id" name="approval[approvers_attributes][1][id]" type="hidden" value="14" /></div> <a class=" add_nested_fields" data-association="approvers" data-blueprint-id="approvers_fields_blueprint" href="javascript:void(0)">Add Approvers</a></br>
</div>
<div class="col-md-7">
</br>
<input class="btn btn-primary" name="commit" type="submit" value="Save" />
</div>
<br>
<div data-blueprint="<div class="fields">
<div class="field">
<label for="approval_approvers_attributes_new_approvers_approver_type">Approver</label>
<select class="form-control role_select" id="approval_approvers_attributes_new_approvers_approver_type" name="approval[approvers_attributes][new_approvers][approver_type]" onchange="$.fn.myFunc(this);"><option value="Role">Role</option>
<option value="Specific User">Specific User</option></select></br></br>
</div>
<div class="field">
<label for="approval_approvers_attributes_new_approvers_approver_value">Role</label>
<select class="form-control appr_select" id="approval_approvers_attributes_new_approvers_approver_value" name="approval[approvers_attributes][new_approvers][approver_value]"><option value="HR Manager"quot;>HR Manager</option>
<option value="Reporting Manager">Reporting Manager</option></select>
<input class="form-control inpt_specific_user" disabled="disabled" id="approval_approvers_attributes_new_approvers_approver_value" name="approval[approvers_attributes][new_approvers][approver_value]" style="display:none" type="text" />
<input id="approval_approvers_attributes_new_approvers__destroy" name="approval[approvers_attributes][new_approvers][_destroy]" type="hidden" value="false" /><a class=" remove_nested_fields" data-association="approvers" href="javascript:void(0)">Remove</a> </br></br>
</div>
</div>" id="approvers_fields_blueprint" style="display: none"></div></form>
1 個解決方案
解決方案1
0 2015-09-02 08:17:47
嘗試這個
def approval_params
params.require(:approval).permit(:company_id, :name, :for, :sequential, approvers_attributes: [:id, :approver_type, :approver_value, :_destroy])
end
希望它會起作用。
Rails 5 / Ruby - Pull og：來自外部URL的數據，用於在粘貼鏈接時填充表單字段
[英]Rails 5/Ruby - Pull og:data from external URL to populate form fields when link is pasted
如何添加兩個字段而不是單擊鏈接以嵌套形式添加字段？
[英]How to add two fields instead of one on click of link to add fields in nested form?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.