모델의 값에 따라 동적으로 배경색 변경

Bart Schelkens

내 웹 페이지에 다음 코드가 있습니다.

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

이제 모델의 값을 기준으로

누구든지 나를 도울 수 있습니까?

Bart Schelkens

다음 해결책을 찾았습니다.

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

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

값에 따라 각 셀의 배경색을 동적으로 변경

분류에서Dev

배열의 값에 따라 동적으로 CSS 변경

분류에서Dev

텍스트 내용에 따라 동적으로 배경색 변경

분류에서Dev

3rd td의 값에 따라 배경색 변경

분류에서Dev

JS 값에 따라 배경색 변경

분류에서Dev

경로 각도에 따라 바닥 글 배경색 변경

분류에서Dev

모델의 속성에 따라 TreeViewItem 색상 변경

분류에서Dev

동적 통화 값에 따라 동적으로 로케일 변경

분류에서Dev

react.js의 상태에 따라 배경색 변경

분류에서Dev

버튼 이름에 따라 버튼의 배경색 변경

분류에서Dev

콘텐츠에 따라 UILabel의 높이를 동적으로 변경

분류에서Dev

콘텐츠에 따라 UIWebview의 크기를 동적으로 변경

분류에서Dev

조건부 값에 따라 입력 텍스트의 배경색 변경

분류에서Dev

ListBoxItem 값에 따라 ListBoxItem의 배경색을 변경하는 방법

분류에서Dev

시간에 따라 동적으로 HTML에서 <label>의 색상을 변경하는 방법

분류에서Dev

값에 따라 페이지의 CSS를 동적으로 변경하는 방법은 무엇입니까?

분류에서Dev

각도 js의 값에 따라 이미지를 동적으로 변경하는 방법

분류에서Dev

선택 옵션 값에 따라 동적으로 텍스트 상자 값 변경

분류에서Dev

r의 행 수에 따라 행 값을 0으로 변경

분류에서Dev

선택 목록 선택에 따라 APEX에서 동적으로 값 변경

분류에서Dev

창 너비에 따라 div 위치를 동적으로 변경

분류에서Dev

각도 : 선택에 따라 동적으로 양식 변경

분류에서Dev

데이터베이스 값에 따라 동적으로 너비 변경

분류에서Dev

IsSelected True / False에 따라 TabItem 아이콘 색상을 동적으로 변경

분류에서Dev

하나의 변수는 이전 변수에 따라 동적으로 변경됩니다.

분류에서Dev

화면 밝기에 따라 배경의 알파 값 변경

분류에서Dev

모델 값에 따라 CSS 스타일 변경

분류에서Dev

값에 따라 .map의 출력 변경

분류에서Dev

일치에 따라 열의 값 변경

Related 관련 기사

  1. 1

    값에 따라 각 셀의 배경색을 동적으로 변경

  2. 2

    배열의 값에 따라 동적으로 CSS 변경

  3. 3

    텍스트 내용에 따라 동적으로 배경색 변경

  4. 4

    3rd td의 값에 따라 배경색 변경

  5. 5

    JS 값에 따라 배경색 변경

  6. 6

    경로 각도에 따라 바닥 글 배경색 변경

  7. 7

    모델의 속성에 따라 TreeViewItem 색상 변경

  8. 8

    동적 통화 값에 따라 동적으로 로케일 변경

  9. 9

    react.js의 상태에 따라 배경색 변경

  10. 10

    버튼 이름에 따라 버튼의 배경색 변경

  11. 11

    콘텐츠에 따라 UILabel의 높이를 동적으로 변경

  12. 12

    콘텐츠에 따라 UIWebview의 크기를 동적으로 변경

  13. 13

    조건부 값에 따라 입력 텍스트의 배경색 변경

  14. 14

    ListBoxItem 값에 따라 ListBoxItem의 배경색을 변경하는 방법

  15. 15

    시간에 따라 동적으로 HTML에서 <label>의 색상을 변경하는 방법

  16. 16

    값에 따라 페이지의 CSS를 동적으로 변경하는 방법은 무엇입니까?

  17. 17

    각도 js의 값에 따라 이미지를 동적으로 변경하는 방법

  18. 18

    선택 옵션 값에 따라 동적으로 텍스트 상자 값 변경

  19. 19

    r의 행 수에 따라 행 값을 0으로 변경

  20. 20

    선택 목록 선택에 따라 APEX에서 동적으로 값 변경

  21. 21

    창 너비에 따라 div 위치를 동적으로 변경

  22. 22

    각도 : 선택에 따라 동적으로 양식 변경

  23. 23

    데이터베이스 값에 따라 동적으로 너비 변경

  24. 24

    IsSelected True / False에 따라 TabItem 아이콘 색상을 동적으로 변경

  25. 25

    하나의 변수는 이전 변수에 따라 동적으로 변경됩니다.

  26. 26

    화면 밝기에 따라 배경의 알파 값 변경

  27. 27

    모델 값에 따라 CSS 스타일 변경

  28. 28

    값에 따라 .map의 출력 변경

  29. 29

    일치에 따라 열의 값 변경

뜨겁다태그

보관