Вложенные шаблоны jQuery с использованием параметра options - PullRequest
Новая
       21

Вложенные шаблоны jQuery с использованием параметра options

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

Я не понимаю, как ссылаться на параметр options во вложенных шаблонах.

Пожалуйста, смотрите: 

<div id="myContainer"></div>
<script type="text/javascript">
    var tmplMain = "<div><span>${title}</span>" + 
                   "<p style=\"border: solid 1px #f00\">${$item.details}</p>" +
                   "{{tmpl \"nestedTemplate\"}}</div>";

    var tmplNested = "<p style=\"border: solid 1px #0f0\">${$item.details}</p>";

    var _mainTemplate = jQuery.template("mainTemplate", tmplMain);
    jQuery.template("nestedTemplate", tmplNested);

    var _data = {title: "My Title"};
    var _options = {details: "My Details};

    jQuery.tmpl(_mainTemplate, _data, _options).appendTo("#myContainer");
</script>

Что будет выводить это: http://i.stack.imgur.com/r7A7g.jpg

Так что либо я не правильно ссылаюсь на "$ {$ item.details}" ввложенный шаблон или я неправильно передаю параметры в теге {{tmpl}}.Я в тупике.

1 Ответ

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

Вам нужно будет передать любые опции, которые вы хотите, в тег {{tmpl}}.Что-то вроде: 

{{tmpl($data, { details: $item.details}) "nestedTemplate" }}

Вы можете даже передать $ item для параметров вложенному шаблону, но в $ item есть больше, чем просто ваши параметры.

Образец здесь: http://jsfiddle.net/rniemeyer/Xzgpr/

...