Сложные шаблоны jQuery - PullRequest
Новая
       17

Сложные шаблоны jQuery

0 голосов
/ 13 сентября 2011

Использование шаблонов jQuery легко для некоторых простых структур данных. 

<script type="jquery/x-jquery-tmpl" id="myTemplate">
  <li> ${Element} </li>
</script>

var elements = [
   { Element: "Hydrogen" },
   { Element: "Oxygen"   },
   { Element: "Nitrogen" }
];

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl(elements));

Но нужен ли мне шаблон для более сложных данных? Что-то вроде: 

<script type="jquery/x-jquery-tmpl" id="myTemplate">
  <div> ${Molecule} </div>
  consists of:
  <ul>
      <li> ${Element} </li>
  </ul>
</script>

Как применить данные к этому? Является ли это возможным? Не могли бы вы показать мне пример?

1 Ответ

2 голосов
/ 13 сентября 2011 
<ul>
    <li> ${Element} </li>
</ul>

следует использовать {{each}} 

<ul>
  {{each Elements}}<li>${$value.Element}</li>
</ul>

, а затем вы передаете и молекулу, и элементы 

$("#elementsPlaceholder").replaceWith($("#myTemplate").tmpl({
  Molecule: ...
  Elements: [{ Element: "Hydrogen" }, ...]
}))
...