ASP.NET MVC 3의 JQuery UI 탭

Question

사용자 등록 양식을 만들려고합니다. 두 개의 사용자 유형이 있고 양식이있는 두 개의 JQuery UI 탭을 만들고 싶습니다. 그러나 탭이 비어 있으며 자바 스크립트 콘솔 오류 "GET http://localhost/ParcDocs/Admin/Users/AddWorker 500 (내부 서버 오류)"에 있습니다. 사용자 등록 페이지의

코드 :

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#tabContainer").tabs(); 
    }); 
    </script> 

    <div id="tabContainer"> 
    <ul> 
     <li>@Html.ActionLink("Пользователь", "AddUser", "Users", null, null)</li> 
     <li>@Html.ActionLink("Сотрудник", "AddWorker", "Users", null, null)</li> 
    </ul> 
    </div> 

PartialView 코드 :

@model ParcDocs.Models.WorkerUser 

@using (Html.BeginForm("AddWorker", "Users")) 
{ 
    @Html.ValidationSummary(true) 
    <fieldset> 
     <legend>Пользователь</legend> 

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

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

     <div class="editor-field"> 
      @Html.DropDownListFor(model => model.RoleId, ((IEnumerable<ParcDocs.Models.Role>)ViewBag.PossibleRoles).Select(option => new SelectListItem 
     { 
      Text = (option == null ? "None" : option.Name), 
      Value = option.Id.ToString(), 
      Selected = (Model != null) && (option.Id == Model.RoleId) 
     }), "Выберете роль пользователя") 
     </div> 

     <p> 
      <input type="submit" value="Добавить" /> 
     </p> 
    </fieldset> 
} 

컨트롤러 코드 :

public ActionResult AddWorker() 
     { 
      var model = new WorkerUser(); 
      return PartialView(model); 
     } 

같은 동작이 두 번째 탭을 선택합니다.

Answer 1

ActionResult가 아닌 PartialViewResult를 반환해야합니다. 공용 ActionResult AddWorker()에 중단 점을 넣고 예외를 확인하십시오. 여기에 붙여 넣어 더 많은 정보를 얻으십시오.