我正在使用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,我仍然试图围绕这个概念。
由于