2012-06-21 12 views
5

मैंने कुछ घंटे पहले "मूंछ जेएस" का उपयोग करना शुरू कर दिया है। मुझे आश्चर्य है कि तालिका को धारीदार बनाने के लिए एक टीआर में कक्षा जोड़ने का कोई तरीका है या नहीं। मुझे पता है कि मैं पता लगा सकता हूं कि चर का मान शून्य या अपरिभाषित है, लेकिन ऐसा नहीं है। चर में हमेशा एक मूल्य होगा। क्या इसे करने का कोई तरीका है?मूंछ जेएस टेबल स्ट्रिपिंग

मैं निम्नलिखित कोड है और चल रहा है:

टेम्पलेट:

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.odd और tr.even के लिए सीएसएस जोड़ें।

+0

अच्छा है। मैं इसे एक शॉट दूंगा। – darksoulsong

संबंधित मुद्दे