Обработка довольно сложных данных JSON с помощью шаблонов jQuery - PullRequest
Новая
       26

Обработка довольно сложных данных JSON с помощью шаблонов jQuery

2 голосов
/ 16 марта 2011

Я не эксперт по JS, но мне дали модель JSON для отображения с использованием jQuery, и я надеюсь на шаблоны jQuery.Однако все примеры документации, похоже, относятся к простым двухуровневым массивам, и я не могу перевести эти примеры в имеющийся у меня JSON.Мне неясно, должен ли я работать с jQuery.tmpl () или {{each}} или {{tmpl}} или {{wrap}} для итерации этих данных.

Мне нужно получить JSON ниже и отобразить каждое имя "хоста", а затем детали его "состояний" (CPU, Disk, Mem.) Любые советы о том, как поступить, приветствуются. 

{"health":64,
"hosts":[
        {
        "name":"Windows2000P",
        "states":[
            {"name":"CPU","link":"(html link)","bgcolor":"#CC99CC"},
            {"name":"Disk","link":"(html link)","bgcolor":"#CC99CC"},
            {"name":"Mem","link":"(html link)","bgcolor":"#CC99CC"}
            ]
        },
        {
        "name":"Windows2003",
        "states":[
            {"name":"CPU","link":"(html link)","bgcolor":"#98FB98"},
            {"name":"Disk","link":"(html link)","bgcolor":"#98FB98"},
            {"name":"Mem","link":"(html link)","bgcolor":"#F08080"}
            ]
        },
        {
        "name":"Windows7",
        "states":[
            {"name":"CPU","link":"(html link)","bgcolor":"#98FB98"},
            {"name":"Disk","link":"(html link)","bgcolor":"#98FB98"},
            {"name":"Mem","link":"(html link)","bgcolor":"#F08080"}
            ]
        }
    ]
}

1 Ответ

4 голосов
/ 16 марта 2011

Вот пример типа шаблона, который вы можете использовать: 

<script type="text/x-jquery-tmpl">
  <h2>${health}</h2>

  {{each hosts}}
  <h3>${name}</h3>

  <ul>
    {{each states}}
    <li style="background-color: ${bgcolor};"><a href="${link}">${name}</li>
    {{/each}}
  </ul>
  {{/each}}
</script>
...