2014-12-29 3 views
0

Я строй таблицы данных JSON с помощью Json2HTML JQuery плагина json2html, Вот текущее состояние: http://jsfiddle.net/hamiltonlima/7u8v9wdq/ То, что я хочу сравнить currentID во время обработки так «.active» может быть добавить в класс, любых предложений ?Как выделить строку таблицы результатов с помощью json2html?

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); 

ответ

0

Поиск по тэгу # json2html нашел другой вопрос, что привело меня к решению: How can I apply differnt styles when transforming data using json2html based on data value?

Просто добавьте функцию в class для обработки, каждая строка данных доступна в функции как «это»

Так это somethig как это ...

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

Полный пример здесь: http://jsfiddle.net/hamiltonlima/7u8v9wdq/15/

EDIT

Грустно заменить = истинный вариант из json2html не работает, как ожидалось. .. Я написал другое решение, добавив id для каждой строки и обновляя значения. см. здесь http://jsfiddle.net/hamiltonlima/oqo9otq0/

Смежные вопросы