如何在jsrender模板中生成唯一的标识

Question

我是JSrender的新手，并且在JSrender模板中生成唯一标识时出错，因为它几乎可以输出任何写在文本/ x-jsrender块中的东西（预定义标签除外） 这是我的代码：

HTML：<div id="showjsrender"></div>

模板脚本：

<script type="text/x-jsrender id="tmpl"> 
<div class="displayTodo" id="displayTodo"+uniqueID+""> 
.. 
</div> 
</script> 

脚本：

<script> 
function call(variable, index){ 
    var template = $.templates("#tmpl"); 
    var htmlOutput = template.render(variable, index); 
    $("#showJSrender").html(htmlOutput); 
} 
</script> 

JS文件（外部文件）：

app.editTask = function(e){ 
     todoArr[e].editOn = true; 
     document.getElementById("displayTodo"+e+"").innerHTML = ""; 
     editCalled(todoArr, e); 
} 

我试着发送整个todoArr阵列和重新渲染整个数组，并使用数组的索引（getIndex（））生成唯一的ID，但在每次发送单个索引数据，我发现很难生成一个。

Answer 1

您可以使用一个辅助（http://www.jsviews.com/#helpers）：

<div ... id="displayTodo{{:~uniqueID()}}" >div1...</div> 
<div ... id="displayTodo{{:~uniqueID()}}" >div2...</div> 
... 

与全球帮手：

var counter = 0; 
$.views.helpers("uniqueID", function() { return counter++; }); 
... 
var htmlOutput = template.render(model); 
... 

或传递给渲染调用一个帮手：

var counter = 0; 
... 
var htmlOutput = template.render(model, {uniqueID: 
    function() { return counter++; } 
}); 
...