0

我正在使用 Json2HTML jquery 插件json2html从 JSON 数据构建一个表，这是当前状态：http: //jsfiddle.net/hamiltonlima/7u8v9wdq/ 我想要的是在处理过程中比较 currentID，因此可以添加“.active”上课，有什么建议吗？

html

    <div class="container">
    <p>
        <table id="placar" class="table table-condensed  table-bordered">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Luchador</th>
                    <th>K</th>
                    <th>D</th>
                    <th>Pontos</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
</div>

Javascript

    var data = [{
    'order': '1',
        'name': 'nheco',
        'k': '3',
        'd': '0',
        'score': '121',
        'id': '540'
}, {
    'order': '2',
        'name': 'boingo',
        'k': '15',
        'd': '3',
        'score': '122',
        'id': '541'
}, {
    'order': '3',
        'name': 'Oswaldo',
        'k': '0',
        'd': '23',
        'score': '123',
        'id': '542'
}];

var currentID = 541;

var transform = {
    tag: 'tr',
    children: [{
        "tag": "td",
            "html": "${order}"
    }, {
        "tag": "td",
            "html": "${name}"
    }, {
        "tag": "td",
            "html": "${k}"
    }, {
        "tag": "td",
            "html": "${d}"
    }, {
        "tag": "td",
            "html": "${score}"
    }]
};

$('#placar > tbody ').json2html(data, transform);
4

1 回答 1

0

通过标签#json2html 搜索发现了其他导致我找到解决方案的问题： 如何根据数据值使用 json2html 转换数据时应用不同的样式？

只需在类属性中添加一个函数来处理它，每一行数据在函数中都可以作为'this'

所以是这样的......

class : function(){
        if( this.id == currentID ){
            return 'info';
        } else {
            return '';
        }
    },

完整的例子在这里：http: //jsfiddle.net/hamiltonlima/7u8v9wdq/15/

编辑

遗憾的是，json2html 中的 replace = true 选项没有按预期工作......我编写了另一个解决方案，为每一行添加 id，并更新值。看看这里http://jsfiddle.net/hamiltonlima/oqo9otq0/

于 2014-12-29T20:21:57.033 回答