MVC选项卡和部分视图

时间:2015-04-03 06:18:15

标签: asp.net-mvc-4 partial-views models

我对MVC很新,并且拥有这个巨大的应用程序,需要使用选项卡和部分视图。我有一个ViewModel,其字段是我的EF类的列表。我将此视图模型类(ProjInfoVM)传递到我的ProjInfo视图中。该视图有3个选项卡,它们是表示每个EF类的表单 - 它们都需要回发以供提交。 我的第一个挑战是让表单显示{我已经创建了3个强类型的部分视图}但不知道如何显示它们,因为我不断收到错误: 传递到字典中的模型项的类型为“SMS2.Models.ProjectInfoVM”,但此字典需要“SMS2.Models.ProjResc”类型的模型项 我的第二个挑战是如何将各个表单发布回控制器 - 这里我不知道如何实现这一点......我需要帮助

以下是我的代码:

ProjInfoVM.cs

public partial class ProjectInfoVM
    {
        public ProjCourse ProjCourse { get; set; }
        public ProjDocument ProjDocuments { get; set; }
        public ProjResc ProjRescs { get; set; }
    }

ProjResc部分视图

@model SMS2.Models.ProjResc

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

        <fieldset>
            <legend>ProjResc</legend>

            <div class="editor-label">
                @Html.LabelFor(model => model.RescId)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.RescId)
                @Html.ValidationMessageFor(model => model.RescId)
            </div>
    .....
            <p>
                <input type="submit" value="Create" />
            </p>
        </fieldset>
    }

    <div>
        @Html.ActionLink("Back to List", "Index")
    </div>

....相同的格式适用于剩余的2个部分{_ProjDoc和_ProjCourses}

ProjResc.cs {同样适用于其他两个类}

 public partial class ProjResc
    {
        public int RescId { get; set; }
        public int ProjectId { get; set; }
        public Nullable<int> SponsorId { get; set; }
        public decimal StipendAmt { get; set; }
        public string StipendFreq { get; set; }
    }

现在我的ProjInfo控制器带有Action ProjInfo,如下所示:

 public ActionResult ProjInfo()
        {

            ProjectInfoVM vm = new ProjectInfoVM();
           ...Populate vm contents here....           

            return PartialView(vm);
        }

和我的ProjInfo视图如下......

@model SMS2.Models.ProjectInfoVM

@{
    ViewBag.Title = "ProjInfo";
}
    <div class="panel panel-default tabs">
                            <ul class="nav nav-tabs" role="tablist">
                                <li class="active"><a href="#tab-first" role="tab" data-toggle="tab">Project Resources</a></li>
                                <li><a href="#tab-second" role="tab" data-toggle="tab">Project Restrictions</a></li>
                                <li><a href="#tab-third" role="tab" data-toggle="tab">Project Documents</a></li>
                                <li><a href="#tab-four" role="tab" data-toggle="tab">Project Courses</a></li>
                            </ul>
                            <div class="panel-body tab-content">
                                <div class="tab-pane active" id="tab-first">

                                    <h2>Partial View content  : @Model.ProjCourse.CourseName</h2>

                                   @Html.Partial("_ProjCourse", Model.ProjCourse)
                                                                </div>
                                <div class="tab-pane" id="tab-second">

                                    @Html.Partial("_ProjResc", Model.ProjResc)

                                </div>.......

我一直收到这个错误..

The model item passed into the dictionary is of type 'SMS2.Models.ProjectInfoVM', but this dictionary requires a model item of type 'SMS2.Models.ProjResc'

有人可以将光线照射到我完全错过的地方......请

1 个答案:

答案 0 :(得分:0)

在局部视图中,您有@model SMS2.Models.ProjResc,应该更改为@model ProjectInfoVM

对于第二部分检查Html.BeginForm()的重载,您可以指定控制器和将处理您的帖子的操作。 希望有所帮助