РедакторДля отмены атрибутов проверки данных без BeginForm

В приложении MVC я хочу динамически отображать некоторые части формы (которые похожи на PartialView на стороне контроллера)

В частичном представлении у меня нет Html.BeginForm(), поскольку тег формы уже отображается.

@model Introduction.Models.Human
<div>
    @Html.EditorFor(model => model.MarriageInformation.SpouseDetails)
    <div class="editor-label">
        @Html.LabelFor(model => model.MarriageInformation.DOM)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MarriageInformation.DOM)
        @Html.ValidationMessageFor(model => model.MarriageInformation.DOM)
    </div>
</div>

Проблема, с которой я столкнулась, в этом случае EditorFor не возвращает все атрибуты data-val- *.

<div>
   <div class="editor-label">
    <label for="MarriageInformation_SpouseDetails_Name">Name</label>
</div>
<div class="editor-field"><input class="text-box single-line" id="MarriageInformation_SpouseDetails_Name" name="MarriageInformation.SpouseDetails.Name" type="text" value="" />

Является ли это по дизайну или мне ничего не хватает здесь? Здесь есть какая-нибудь работа?

Опция, о которой я думаю, находится после загрузки ajax - разделите форму и добавьте внутренний контент.

Ответ 1

вы правы, полагая, что это по дизайну. если вы проверите источник, вы увидите следующее:

// Only render attributes if unobtrusive client-side validation is enabled, and then only if we've
// never rendered validation for a field with this name in this form. Also, if there no form context,
// then we can't render the attributes (we'd have no <form> to attach them to).
public IDictionary<string, object> GetUnobtrusiveValidationAttributes(string name, ModelMetadata metadata)

Чтобы исправить это, мы можем написать метод расширения для использования в нашем частичном представлении:

public static class HtmlExtentions
{
    public static void EnablePartialViewValidation(this HtmlHelper helper)
    {
        if (helper.ViewContext.FormContext == null)
        {
            helper.ViewContext.FormContext = new FormContext();
        }
    }
}

И затем используйте его в нашем частичном представлении:

@model Introduction.Models.Human
@{ Html.EnablePartialViewValidation(); }
<div>
    @Html.EditorFor(model => model.MarriageInformation.SpouseDetails)
    <div class="editor-label">
        @Html.LabelFor(model => model.MarriageInformation.DOM)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.MarriageInformation.DOM)
        @Html.ValidationMessageFor(model => model.MarriageInformation.DOM)
    </div>
</div>

Последний шаг - обработать синтаксический анализ новых атрибутов проверки в нашем обратном вызове ajax:

$(function () {
    $('button').click(function (e) {
        e.preventDefault();
        $.get('@Url.Action("AddSpouse")', function (resp) { 
            var $form = $('form');
            $form.append(resp);                    
            $form.removeData("validator").removeData("unobtrusiveValidation");
            $.validator.u‌nobtrusive.parse($form);
        })
    })
});

Ответ 2

Если вы хотите, чтобы теги проверки данных были там, вы должны быть в FormContext. Следовательно, если вы динамически генерируете части своей формы, вам нужно включить следующую строку в свой частичный вид:

@{ if(ViewContext.FormContext == null) {ViewContext.FormContext = new FormContext(); }}

Затем вам нужно убедиться, что вы динамически перепроверяете свою ненавязчивую проверку каждый раз, когда вы добавляете/удаляете элементы:

$("#form").removeData("validator");
$("#form").removeData("unobtrusiveValidation");
$.validator.unobtrusive.parse("#form");