Question

几小时前我开始使用“Mustache JS”。我想知道是否有办法在tr中添加一个类以使表条带化。我知道我可以检测变量的值是null还是未定义，但事实并非如此。变量中总会有一个值。有没有办法做到这一点？

我运行了以下代码：

模板：

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

我知道我可以在视图中设置一个功能。但不知道如何在其中正确设置mod，用于条带化。任何帮助都会很棒。

Answer 1

我这样做了：

模板：

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添加css。

小胡子JS表条纹

1 个答案: