基于模型值的背景颜色动态变化
基于模型值的背景颜色动态变化
提问于 2014-01-07 10:07:29
我的网页上有以下代码：
@model IEnumerable<LiveTile.Models.MenuItem>
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
}
@foreach (var item in Model) {
<div class="tile tile-singlewidth">
<div class="tilecontent tile-singlewidth">
@Html.DisplayFor(modelItem => item.Name)<p>
<img src="@Url.Content(item.Url)" height="30" alt="Image" title="@Html.DisplayFor(modelItem => item.ActionName)" />
</div>
</div>
}在我的css中，我有一个id贴片和一个id贴片错误。
.tile
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 75px;
background-color: #9DB029;
font-family: "Segoe UI" ,Helvetica,Garuda,Arial,sans-serif;
}
.tile-error
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
height: 75px;
background-color: #f00;
font-family: "Segoe UI" ,Helvetica,Garuda,Arial,sans-serif;
}现在，基于模型中的值，我希望更改为
有谁可以帮我？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-01-07 10:16:12
我找到了以下解决方案：
@foreach (var item in Model) {
string cssClass = "tile tile-singlewidth";
if (item.ControllerName == "red")
{
cssClass = "tile-error tile-singlewidth";
}
<div class="@cssClass">
<div class="tilecontent tile-singlewidth">
@Html.DisplayFor(modelItem => item.Name)<p>
<img src="@Url.Content(item.Url)" height="30" alt="Image" title="@Html.DisplayFor(modelItem => item.ActionName)" />
</div>
</div>
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20968826
复制相关文章
相似问题
腾讯云开发者
