使用jquery对话框在部分视图中不呈现表单标记。 mvc3 asp.net

时间:2012-07-03 02:31:43

标签: asp.net-mvc-3

我有一个包含表单的部分视图“CreateJobLine.cshtml”。使用@ Html.Action方法渲染时,此表单创建没有表单标记的表单字段。我使用了Html.BeginForm以及硬编码表格(如下),但在这两种情况下它都没有生成标签。我也使用jqueryui的对话框小部件来显示表单。

---部分观点---

//filename: CreateJobLine.cshtml
@model Recruitment.Models.JobLine
@if(false){
<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
<div id="addnewjoblinediv">
<form id="createjoblineform" action="@Url.Action("CreateJobLine")" method="post">
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>JobLine</legend>
        @Html.Hidden("job_id", Model.JobId)
        <div class="editor-label">
            @Html.LabelFor(model => model.Description)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Description)
            @Html.ValidationMessageFor(model => model.Description)
        </div>

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

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

        <p>
            <input type="submit" value="Create" />
        </p>
    </fieldset>
</form>   
</div>

在编辑视图中,我有Html.Action调用来加载局部视图。

---编辑视图---

//filename Edit.cshtml
... 
@Html.Action("CreateJobLine", "Job", new { job_id = Model.Job.JobId})

    <a id="addnewjoblinelink" href="#">Add New JobLine</a>

</fieldset>
}

<script type="text/javascript">
    $(document).ready(function () {
        $("div#addnewjoblinediv").dialog({ autoOpen: false, modal:true, width:550, title:"Add New JobLine"});

        $("a#addnewjoblinelink").click(function () {
            $("div#addnewjoblinediv").dialog("open");
        }
        );
    }
    );

</script>

这是控制器 ---工作控制器---

//JobController.cs
...
[HttpGet]
    public PartialViewResult CreateJobLine(int job_id)
    {
        var jobline = new JobLine();
        jobline.JobId = job_id;
        jobline.TimeSpent = 0;
        return PartialView(jobline);
    }

    [HttpPost]
    public ActionResult CreateJobLine(JobLine jobline)
    {

        if (ModelState.IsValid)
        {
            db.JobLines.Add(jobline);
            db.SaveChanges();
            return RedirectToAction("Index");
        }
        return RedirectToAction("Edit", new { id = jobline.JobId });
    }
  ...

调用/ Job / CreateJobLine / 5获取包含所有表单元素的表单内容,但缺少表单标记本身。我想将表单操作设置为/ Job / CreateJobLine post方法,以便我可以创建JobLine。

谢谢。

1 个答案:

答案 0 :(得分:0)

我认为您的问题是@ Html.Action。我相信它更简单,更接近您想要呈现这样的局部视图:

@{ Html.RenderPartial("CreateJobLine", new MvcApplication1.Models.JobLine { JobId = 10 }); }

我这样说是因为当我像往常一样使用RenderPartial时,表单在对话框中正确呈现(所有其余代码就是你发布它的方式)。我不能将Html.Action与您发布的代码一起使用(可能是因为您省略了其他内容),因此这表明您的问题与该方法有关。祝你好运。