javascript - 如何定义变量并在 jsviews 模板上使用它？

Question

我想为 html 元素定义一个唯一的 id，我必须将其作为辅助函数的参数传递。

唯一的 ID 是使用另一个辅助函数 (genearteUniqueId) 正确生成的，但我无法将其存储在变量中以重用它并将其传递给另一个函数。有人在使用 Jsviews 时遇到过这个挑战吗？

我尝试将generateUniqueId()结果分配给已定义的变量，如{{:uniqueId=~generateUniqueId()}}，然后将uniqueId变量作为参数传递{{:~decorator(uniqueId}}，但它没有'不工作。

<div class="graph-row">
   <span class="bar-graph" id="{{:~generateUniqueId()}}" {{:~decorator(outOfPockets[0].paid, outOfPockets[0].total, ~generateUniqueId())}}></span>
</div>

Answer 1

你可以定义自己的 getUniqueId() 来获取最后生成的 id，就像

var cnt = 0, lastId;

var myTmpl = $.templates("#myTmpl"),
  data = {},
  helpers = {
    generateUniqueId: function() {return (lastId = cnt++);},
    getUniqueId: function() {return lastId;},
    decorator: function(id) {return "title=YES" + id;}
  };

myTmpl.link("#page", data, helpers);

并写

<span id="{{:~generateUniqueId()}}" {{:~decorator(~getUniqueId())}}></span>

或者，(尽管如果您使用 JsViews 数据链接，而不仅仅是 JsRender 渲染，最好避免这种情况)，您可以设置 allowCode为 true，使用以下方法:

$.views.settings.allowCode(true);
var cnt = 0;
function genId() {return cnt++;}
function dec(id) {return "title=YES" + id }

并写:

<span id="{{*:(theid=genId())}}" {{*:dec(theid)}}>c</span>