我希望部分视图和索引视图中的模型不同答案

【问题标题】：I want the models in partial view and index view to be different我希望部分视图和索引视图中的模型不同
【发布时间】：2018-12-22 20:39:03
【问题描述】：

他们希望我使页面动态化。页面中有滑块、画廊、表单和订阅部分。我需要将这些分区与数据库相关联。我把这些部分分成了部分。我在索引视图中插入了滑块部分，因为它只在主页上。

@model IEnumerable<SekizgenApplication.Models.Slider>
    @{
    ViewBag.Title = "Home Page";
}

<div class="justics-holder">

    <div id="carousel-example-generic102" class="carousel slide" data-ride="carousel">


        <!-- Wrapper for slides -->

        <div class="carousel-inner" role="listbox">

            @foreach (var item in Model)
            {
                if (@item.Active == true)
                {
                    <div class="item active">
                        <div class="justices-img">
                            <img src="~/Slider/@item.sliderDosyaYolu" width="700" height="600" alt="image" class="img">
                        </div>
                    </div>
                }

                <div class="item">
                    <div class="justices-img">
                        <img src="~/Slider/@item.sliderDosyaYolu" width="700" height="600" alt="image" class="img">
                    </div>
                </div>
            }


        </div>


        <a class="left carousel-control prev-2" href="#carousel-example-generic102" role="button" data-slide="prev">

            <span><i class="fa fa-angle-left" aria-hidden="true"></i></span>

            <span class="sr-only">Geri</span>

        </a>

        <a class="right carousel-control next-2" href="#carousel-example-generic102" role="button" data-slide="next">

            <span><i class="fa fa-angle-right" aria-hidden="true"></i></span>

            <span class="sr-only">İleri</span>

        </a>

    </div>

</div>

我为画廊部分创建了部分。顺便说一句，我在数据库中为每个部分创建了一个表。画廊部分代码如下：

@model IEnumerable<SekizgenApplication.Models.Galery>

<div class="page-section black">
    <div class="gallery">
        <div class="container">
            <div class="row">
                <div class="gallery-heading">
                    <h1>EĞİTİM KURUMUZDAN KARELER</h1>
                    <p></p>
                </div>
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                    <div class="carousel-inner" role="listbox">


                        <div class="item active">
                            <div class="row">
                                @foreach (var item in Model)
                                {
                                    <div class="col-sm-4 col-xs-12">
                                        <div class="gallery-img">
                                            <img src="~/Galery/@item.picDosyaYolu" width="360" height="350" alt="image">
                                        </div>
                                    </div>
                                }


                            </div>
                        </div>

                    </div>
                </div>
                <div class="control-box">
                    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                        <span><i class="fa fa-angle-left" aria-hidden="true"></i></span>
                        <span class="sr-only">Geri</span>
                    </a>
                    <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                        <span><i class="fa fa-angle-right" aria-hidden="true"></i></span>
                        <span class="sr-only">İleri</span>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

将此部分画廊部分添加到布局时出现问题。

@Html.Partial("_GaleryPartial")

当我添加这个时，我得到一个错误，因为索引与一个模型不同，部分模型不同。我们如何解决这个问题？

【问题讨论】：

你的主视图和布局是什么样的？

标签： asp.net asp.net-mvc-4 razor asp.net-mvc-partialview

【解决方案1】：

这样做的一种方法是为您的主页创建第三个视图模型，其中包含您的两个现有模型作为属性（或者您希望在该屏幕上显示许多视图模型/部分）

新的视图模型可能如下所示：

public class MainVm 
{
    public IEnumerable<SekizgenApplication.Models.Slider> Sliders { get; set; }
    public IEnumerable<SekizgenApplication.Models.Galery> Galeries { get; set; }
}

然后您可以将这些属性从 cshtml 页面传递给您的部分，如下所示：

@model SekizgenApplication.Models.MainVm

@Html.Partial("_GaleryPartial", Model.Galeries)
@Html.Partial("_SliderPartial", Model.Sliders)

这应该可以解决您遇到的错误。

【讨论】：