2012-06-21 2 views
5

나는 몇 시간 전에 "콧수염 샘"을 사용하기 시작했습니다. 나는 테이블에 스트라이프를 만들기 위해 tr에 클래스를 추가하는 방법이 있는지 궁금합니다. 변수의 값이 null인지 또는 정의되지 않았는지를 감지 할 수 있다는 것을 알지만, 그렇지 않습니다. 변수에는 항상 값이 있습니다. 이 일을 할 수있는 방법이 있습니까? 콧수염 JS 테이블 스트라이핑

나는 다음과 같은 코드 및 실행을 가지고 :

템플릿 :

template = "\ 
     {{#tr}}\ 
      <tr>\ 
       <td>{{tit}}</td>\ 
       <td>{{ord}}</td>\ 
       <td>{{prazo}}</td>\ 
       <td>{{id}}</td>\ 
      </tr>\ 
     {{/tr}}"; 

보기 :

view = { 
       "tr" : [ 
        { 
         id : val.ID, 
         ord : val.Ordem, 
         prazo : val.Prazo, 
         tit : val.Título 
        } 
       ] 
      }; 

미안 알고 내가 설정할 수있는 기능을 볼 수 있습니다. 그러나 그 안의 모드를 적절하게 설정하는 방법을 모르겠다. 어떤 도움이라도 좋을 것입니다.

+3

CSS3을 사용하면 다음과 같은 옵션이 더 쉽습니다. http://www.w3.org/Style/Examples/007/evenodd.en.html – TheZ

+0

알아요. 그러나 이것은 ie7에서 작동해야하는 것입니다. jquery $ ('tr : nth-child()')를 사용하면 쉽게 할 수 있다는 것을 알지만, 이번에는 다른 접근 방법을 시도하고 있습니다.) – darksoulsong

답변

4

나는 이런 식으로 이런 짓을했는지 :

템플릿 :

template = "\ 
     {{#tr}}\ 
      <tr class="{{even_or_odd}}">\ 
       <td>{{tit}}</td>\ 
       <td>{{ord}}</td>\ 
       <td>{{prazo}}</td>\ 
       <td>{{id}}</td>\ 
      </tr>\ 
     {{/tr}}"; 

보기 : (이 같은, 당신이 iteratorValue의 값을 설정할 수 있습니다 가정)

var interatorValue == 0; 
// your other code 
view = { 
       "tr" : [ 
        { 
         id : val.ID, 
         ord : val.Ordem, 
         prazo : val.Prazo, 
         tit : val.Título, 
         even_or_odd: ((iteratorValue % 2 == 0) ? 'even' : 'odd') 
        } 
       ] 
      }; 
iteratorValue++; 

다음에 tr.oddtr.even에 CSS를 추가하십시오.

+0

좋은 점. 나는 그것을 줄 것이다. – darksoulsong