기본 뷰와 부분 뷰를 사용하여 ModelView를 사용하여 필드를 동적으로 추가합니다. 문제는 부분 검사에서 유효성 검사에 실패한 2 개의 필드가 있기 때문에 ModelState.isValid가 항상 반환된다는 것입니다. 이 필드는 필수 항목이 아니므로 Null을 허용했지만 여전히 유효성을 검사 중입니다. 이 상황을 어떻게 극복 할 수 있습니까?부분 뷰가 동적으로 추가 된 필드에 대해 항상 유효성 검사가 수행됩니다.
코드 : 보기 홈페이지 :
@model ViewModel.EnquiryVM
@using (Html.BeginForm("Create", "Enquiries", FormMethod.Post))
{
@Html.AntiForgeryToken()
<div class="form-horizontal">
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(model => model.EnquiryNumber, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-3">
@Html.EditorFor(model => model.EnquiryNumber, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.EnquiryNumber, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.ClientID, "Client", htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-3">
@Html.DropDownListFor(u => u.ClientID, (IEnumerable<SelectListItem>)Model.Clients, "--Select--")
@Html.ValidationMessageFor(model => model.ClientID, "", new { @class = "text-danger" })
</div>
</div>
<div id="LineItems">
<div id="editorRowsLineitems">
@foreach (var item in Model.LineItems)
{
@Html.Partial("_CreateEnquiryItem", item)
}
</div>
@Html.ActionLink("Add Items", "CreateLineItem", null, new { id = "addItem", @class = "button" });
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Create" class="btn btn-default" />
</div>
</div>
</div>
}
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$(function() {
$('#addItem').on('click', function() {
$.ajax({
url: '@Url.Action("CreateLineItem")',
cache: false,
success: function (html) {
$("#editorRowsLineitems").append(html);
$('form').data('validator', null);
$.validator.unobtrusive.parse($('form'));
}
});
return false;
});
$('#editorRowsLineitems').on('click', '.deleteRow', function() {
$(this).closest('.editorRow').remove();
});
$('form').data('validator', null);
$.validator.unobtrusive.parse($('form'));
});
</script>
}
부분보기 :
@model ViewModels.EnquiryLineItemVM
<div class="editorRow">
@using (Html.BeginCollectionItem("LineItems"))
{
<table class="table">
<tr>
<td>
@Html.EditorFor(model => model.ItemDesc)
</td>
<td>
@Html.EditorFor(model => model.Quantity)
</td>
<td>
@Html.DropDownListFor(model => model.ManufacturerId, Model.ManufacturerList, "--Please Select--")
</td>
<td>
<a href="#" class="deleteRow">Delete</a>
</td>
</tr>
</table>
}
ViewModels :
public class EnquiryVM
{
public int ID { get; set; }
[Required]
public string EnquiryNumber { get; set; }
public int ClientID { get; set; }
public IEnumerable<SelectListItem> Clients { get; set; }
public int ItemID { get; set; }
public List<EnquiryLineItem> LineItems { get; set; }
}
public class EnquiryLineItemVM
{
public int? EnquiryID { get; set; } //nullable but still validation fires
[Required]
public string ItemDesc { get; set; }
public int Quantity { get; set; }
public int? ManufacturerId { get; set; } // this too fires
public IEnumerable<SelectListItem> ManufacturerList { get; set; }
}
컨트롤러 동작 방법
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create(EnquiryVM enquiryVM)
{
var errors = ModelState.Keys.Where(k => ModelState[k].Errors.Count > 0).Select(k => new { propertyName = k, errorMessage = ModelState[k].Errors[0].ErrorMessage });// for error debugging shows Validation errors for EnquiryID and ManufacturerID
var enquiry = new Enquiry();
enquiry.EnquiryNumber = enquiryVM.EnquiryNumber;
enquiry.ClosingDate = enquiryVM.ClosingDate;
enquiry.RFQSentDate = enquiryVM.RFQSentDate;
enquiry.ClientID = enquiryVM.ClientID;
enquiry.DivisionID = enquiryVM.DivisionID;
enquiry.EnquiryLineItems = enquiryVM.LineItems;
if (ModelState.IsValid)
{
db.Enquiries.Add(enquiry);
enquiryVM.ID = enquiry.ID;
foreach (var item in enquiry.EnquiryLineItems)
{
if (enquiryVM.ID != null)
{
item.EnquiryID = (int)enquiryVM.ID;
}
db.EnquiryLineItems.Add(item);
}
db.SaveChanges();
return RedirectToAction("Index");
}
var viewModel = GetAllCategories();
return View(viewModel);
}
이 문제를 해결할 수 없습니다. 시간 내 줘서 고마워.
ManufacturerID
및 EnquiryID
은 모델에서 사용되는 FK 관계이지만이 필드에 대해 null 허용 가능한 ViewModels를 사용하고 있습니다.