2013-01-24 3 views
1

그래서 나는 아래와 같이 foreach를 사용하여 값의 일부 집합을 그리드에 바인딩하는 녹아웃을 사용하고 있습니다.녹아웃 바인딩 된 값에 조건부를 사용하여

<table id="pcc-batch-list" class="table table-striped" > 
      <thead> 
       <tr> 
        <th>Column 1</th> 
        <th>Column 2</th> 
        <th>Column 3</th> 
        <th>Column 4</th> 
       </tr> 
      </thead> 
      <tbody data-bind="foreach:stuff"> 
       <tr> 
        <td data-bind="text: Something1"></td> 
        <td data-bind="text: Something2"></td> 
        <td data-bind="text: Something3"></td> 
        <td data-bind="text: Something4"></td> 
       </tr> 
      </tbody> 
     </table> 

그리고 실제로 말한 Something2에 따라 표시되는 텍스트의 색상을 조건부로 변경하고 싶습니다. 그 일을 어떻게 하죠?

답변

3

css 바인딩을 시도하십시오. http://knockoutjs.com/documentation/css-binding.html expression에 use()를 사용해야합니다.

data-bind="text: Something1, css: {colorClass: isSomething() > 0}" 
+0

내가 원하는 것 같지만 그것에 문제가있다. 이 바이올린을보고 내가 어디로 잘못 갔는지 말해 줄래? http://jsfiddle.net/nGgwB/5/ –

+1

변경 했으므로 확인하십시오. http://jsfiddle.net/nGgwB/6/ – akeeseth

+0

@akeeseth fiddle works fine –