2011-05-09 6 views
3

MVC3 WebGrid (면도기)를 사용하고 있으며 모든 것이 잘 작동합니다. 그러나 열에있는 값을 기반으로 특정 열에 연결된 CSS 클래스를 달라야합니다.MVC3 WebGrid에서 생성 된 출력에서 ​​TD의 클래스를 변경하는 방법은 무엇입니까?

나는 이미 서버 측이 아닌 JQuery 방식을 사용하고있다. JQuery 외부에서이 작업을 수행하려는 몇 가지 이유가 있습니다.

기본적으로 저는 셀 값에 따라 셀 트래픽 - 조명/강조 표시를하고 있습니다. 따라서 셀의 값이 "62.5"이면 <td>에 연결해야하는 클래스는 scr60입니다. 이렇게하면 셀의 배경색이 적절한 음영으로 설정됩니다. 그래서 (

<tr> 
    <td class="scr60">62.5</td> 
</tr> 

나는 내가 grid.Column() 정의에 format: 매개 변수를 사용하여 셀의 내용의 출력을 제어 할 수 있습니다 알고 있지만, 나는 내용을 포함하는 실제 <td>의 CSS 클래스를 설정해야

값을 기준으로 사용하려는 CSS 클래스의 이름을 출력하는 별도의 도우미 클래스/메서드가 이미 있습니다. 필요한 셀은 모두입니다. 그 방법의 출력을 사용하여 포함하는 스타일을 조정하는 방법 <td>

다시 이미이을 수행하는 JQuery 솔루션이 있는데, 나는 webgrid 자체에서이를 수행 할 방법을 찾고 있습니다. '형식'처럼

+0

WebGrid를 가지고 놀려고 시도했지만 해결책을 찾지 못했습니다. grid.Column에는 "스타일"속성이 있지만 개별 셀이 아닌 전체 열에 대한 스타일을 설정한다고 말할 수 있습니다. 어쨌든 샘 덕분에 – Sam

+0

. 나는 다른 그리드 (MvcContrib Grid?)를 보거나 테이블에서 원하는 것을 얻고 싶을 수도 있습니다. –

+0

google.visualization.data 표 차트 시각화를 사용하여 종료했습니다. –

답변

-1

: 매개 변수는 다음과 같이 사용할 수있는 매개 변수는 '스타일'이이 작업을 수행 할 수 없습니다 WebGrid 내 경험에서

style: "class1 class2" 
+1

스타일은 셀 수준이 아닌 열 수준에서만 사용할 수 있습니다. –

1

하지만 당신은을 포함 할 수있다 span을 "셀"에 넣고 원하는 조건에 따라 span에 클래스를 추가하십시오.

관련 문제