基于不同模型的foreach循环中的Foreach循环

时间:2014-03-17 07:02:10

标签: asp.net-mvc foreach

我正在使用asp mvc5根据 camera jquery plugin 创建一个滑块。

我有一个foreach循环,它将数据带入滑块

@foreach (var item in Model)
{
    <div data-src="../img/front-slides/1.jpg">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <h1 class="animated bounceInRight delay1">
                        @item.Name
                    </h1>
                    <p class="animated bounceInUp delay2">@item.FrontPageBlurb</p>
                    <a class="btn btn-lg btn-info animated bounceInUp delay3" href="@Url.Action("Details", "Product", new { id = @item.ProductId })">View Details</a>
                </div>
                <div class="col-md-6 col-sm-6">
                    <img src="@Url.Action("GetImage", "Product", new { item.ProductId })" class="img-responsive lead animated bounceInUp delay1 pull-right" />
                </div>
            </div>
        </div>
    </div>
}

控制器看起来像这样

 public ActionResult Index()
    {
        string[] bgImgUri = {"../img/front-slides/4.jpg" , "../img/front-slides/4.jpg" , "../img/front-slides/4.jpg" };

        ViewBag.bgImgUri = bgImgUri;

        var products = db.Products.Include(p => p.Brand).Include(p => p.Category).Where(_ => _.ActiveProduct == true && _.ImageData != null && _.FrontPage != null && _.FrontPageBlurb != null).Take(4);

        return View(products);
    }

目前,滑块的背景图像是一张图像。

 <div data-src="../img/front-slides/1.jpg">

但是,我想根据@ViewBag.bgImgUri

列出其中一些内容

我在创建一个foreach内创建一个foreach并且甚至不确定它是我需要创建它的时候,就像创建的情节一样迷失。

@foreach (var item in Model)
{
    @foreach (var bg in Viewbag.bgImgUri){
         <div data-src="@bg">
    }
 ...

将它放在ViewModel中会更容易吗?如果是这样,我将如何做到这一点。到目前为止,我只创建了非常基本的ViewModel,我仍然试图围绕这个概念。

由于

0 个答案:

没有答案