Question

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

@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>

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

@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>

将部分galery部分添加到布局中时出现问题。

@Html.Partial("_GaleryPartial")

当我添加此内容时，由于索引与一个模型不同而局部模型也不同，因此我得到了一个错误。我们如何解决这个问题？

Answer 1

一种方法是为您的主页创建第三个视图模型，该模型包含两个现有模型作为属性（或您在该屏幕上想要的许多视图模型/部分）< / p>

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

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)

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

我希望局部视图和索引视图中的模型不同

1 个答案: