JSON для JQuery TMPL - PullRequest
       6

JSON для JQuery TMPL

1 голос
/ 31 марта 2011

могу ли я использовать этот формат JSON с шаблоном jquery?

{
  "ROWCOUNT": 3,
  "COLUMNS": [
    "UTCODICE",
    "UT__NOME",
    "UT__COGN"
  ],
  "DATA": {
    "UTCODICE": [
      1088,
      1087,
      1086
    ],
    "UT__NOME": [
      'Roberto',
      'Paolo',
      'Carlo'
    ],
    "UT__COGN": [
      'Gino',
      'Luigi',
      'Luca'
    ]
  }
}

... или ...

{
  "COLUMNS": [
    "UTCODICE",
    "UT__NOME",
    "UT__COGN"
  ],
  "DATA": [
    [
      1088,
      'Roberto',
      'Gino'
    ],
    [
      1087,
      'Paolo',
      'Luigi'
    ],
    [
      1086,
      'Carlo',
      'Luca'
    ]
  ]
}

как мне сказать jquery, чтобы начать анализ с "ДАННЫХ"tag?

большое спасибо!

Ответы [ 3 ]

1 голос
/ 31 марта 2011

Вам понадобится копия JSON2.js

https://github.com/douglascrockford/JSON-js

Затем вы можете сделать это:

var oJSON = JSON.parse(data);
var alPeople = oJSON.DATA

Где данные - строка выше

Вот хороший пример:

http://weblogs.asp.net/dwahlin/archive/2010/11/20/reducing-code-by-using-jquery-templates.aspx

например, по существу:

<script id="peopleTemplate" type="text/x-jquery-tmpl">
  //your template here
</script>
<div id="peopleList"></div>

, а затем в вашем скрипте анализируйте данные с помощью шаблона JQuery.

$('#peopleTemplate').tmpl(alPeople).appendTo('#peopleList');
1 голос
/ 31 марта 2011

Второй выглядит так, как будто он должен работать, но вы захотите изменить все одинарные кавычки (') на двойные (").

Нет способа сообщить jQuery, с чего начать разбор, он делает все целиком за один раз. Однако, как только он будет проанализирован, вы сможете выполнить:

parsed_json.DATA

для доступа к DATA-части объекта.

0 голосов
/ 31 марта 2011

Попробуйте это со вторым объектом JSON:

<script id="dataTemplate" type="text/x-jquery-tmpl">
{{each DATA}}
<tr>
{{each $value }}
<td>${$value}</td>
{{/each}}
</tr>
{{/each}}
</script>

Приведенный выше шаблон создает строку таблицы (tr) для каждого массива в «DATA», а затем создает ячейку таблицы (td) для каждого значения вкаждый массив.

Надеюсь, что поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...