Asp.net mvc ASP.NET MVC 3中带有表单的JQuery UI选项卡

Asp.net mvc ASP.NET MVC 3中带有表单的JQuery UI选项卡,asp.net-mvc,asp.net-mvc-3,jquery-ui,Asp.net Mvc,Asp.net Mvc 3,Jquery Ui,我尝试制作用户注册表单。我有两种用户类型,希望使用表单创建两个JQuery UI选项卡。但选项卡为空,并且在java脚本控制台中出现错误“GET 500(内部服务器错误)” 用户注册页面代码: <script type="text/javascript"> $(document).ready(function() { $("#tabContainer").tabs(); }); </script> <div id="tabCo

我尝试制作用户注册表单。我有两种用户类型,希望使用表单创建两个JQuery UI选项卡。但选项卡为空,并且在java脚本控制台中出现错误“GET 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>

第二个选项卡的行为相同。

您应该返回PartialViewResult,而不是ActionResult。在public ActionResult AddWorker()上设置断点,然后查看得到的异常。将其粘贴到此处,以便我们获得更多信息

@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);
        }