在 jquery 模板中定义变量？

Question

我有一个 jquery 模板，我必须将一些变量组合在一起，如下所示：

{{= year}}-{{= month}}-{{= day}}-{{= hour}}

我来自 jqote 模板，您可以在模板中使用 javascript。这在 jquery 模板中可能吗？我在这个问题上找不到任何帮助。谢谢。

另外，我使用了奇怪的语法，因为 groovy 不喜欢 ${}。

<script id="mainTemplate" type="text/x-jquery-tmpl">
<ul>        
    {{each(i, wrapSpec) data}}          

    <li><a href="#pkgLineTabs_{{= wrapSpec.wrapSpecId}}" id="{{= wrapSpecId}}">{{= wrapSpec.wrapSpec2.pkgLineId.pkgLineTree.treeId.name}} {{= wrapSpec.shortname}} </a></li>

    {{/each}}
</ul>

{{each(i, wrapSpec) data}}

<div id="pkgLineTabs_{{= wrapSpec.wrapSpecId}}" style="font-size:12px" class="reportTable display {{= wrapSpec.wrapSpec2.pkgLineId.hash}}" title="{{= wrapSpec.wrapSpec2.pkgLineId.hash}}" >    

    {{tmpl(wrapSpec.report) "#dayTemplate"}}

</div>  

{{/each}}

在 jqote 中，我只能说 var pkgLineId = wrapSpec.wrapSpec2.pkgLineId。

因此，我可以不说wrapspec.wrapSpec2.pkgLineId.hash，而是直接输入pkgLineId.hash。

Answer 1

您可以使用 ${ } 模板标签将函数或表达式嵌入 jQuery 模板中。

http://api.jquery.com/template-tag-equal/

您可以通过 window 对象将全局变量传递给模板：

var year = 2011;

var myTemplate = $("<div><b>Year: ${year}</b></div>").template();
$.tmpl(myTemplate, window).appendTo("#myDiv");

或者：

var currentDate = {'year' : 2011};

var myTemplate = $("<div><b>Year: ${year}</b></div>").template();
$.tmpl(myTemplate, currentDate).appendTo("#myDiv");

这是一个 jsfiddle，可以完成我认为您想要做的事情： http://jsfiddle.net/GTjXz/1/

编辑：jsfiddle 在模板中的 $item 对象上动态声明新属性： net/GTjXz/2/" rel="nofollow">http://jsfiddle.net/GTjXz/2/