AJAX scafolded MVC 4 부분보기로드

Question

생성 작업을위한 스캐 폴딩 옵션을 사용하여 부분 뷰 (MVC4)를 만들었습니다.이 뷰를 jquery UI 대화 상자에로드하려고합니다. 부분 뷰를로드 할 수 있습니다. 로드 MVC 4가 생성 한 모든 유효성 검사를 잃어 버렸습니다.

jquery 대화 상자에 부분 뷰 (스캐 폴드)를로드 할 수 있습니까? 여기

내가 팝업

$(function() { 
    $("#CreateDialog").dialog({ 
     autoOpen: false, 
     buttons: { 
      "Create": function() { 
       $(this).dialog("close"); 
      } 
     }, 
     dialogClass: "no-title", 
     hide: { 
      effect: "scale", 
      easing: "easeInBack" 
     }, 
     show: { 
      effect: "scale", 
      easing: "easeOutBack" 
     } 
    }); 
}); 

function openModalPopUp() { 

$.ajax({ 
    type: 'GET', 
    url: '/Expense/CreatePartial', 
    cache: false, 
    success: function (result) { 
     $('#CreateDialog').html(result); 
    } 
}); 

$("#CreateDialog").dialog("open"); 

}

내 모델 (샘플)에 사용한 코드입니다 :

@model EFMvcWebRole.Models.ExpenseEntity 

@using (Html.BeginForm()) { 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>ExpenseEntity</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.ECValue) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.ECValue) 
      @Html.ValidationMessageFor(model => model.ECValue) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Category) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Category) 
      @Html.ValidationMessageFor(model => model.Category) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.TotalSalary) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.TotalSalary) 
      @Html.ValidationMessageFor(model => model.TotalSalary) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Remaining) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Remaining) 
      @Html.ValidationMessageFor(model => model.Remaining) 
     </div> 

    </fieldset> 

Answer 1

그냥 JS 파일에 Jquery Unobtrusive js 파일을 즉 포함하여 부분보기 또한 잘 작동합니다.이 문제는 asp.net mvc (폼이 DOM에 동적으로 추가되기 때문에)에서 부분적으로 볼 수 있습니다.

<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 

------------------ 또는 부분보기에 이것을 시도 ---- :

그냥이 또한 당신의 부분보기에서 파일을 JS 포함 ----------------------

$.validator.unobtrusive.parse($("form"));