如何递归调用/运行jQuery嵌套模板
||
好的，这有点像json对象和jquery模板的初始化...我想知道如何更深入。问题是我很懒，并且希望代码为我完成工作。
问：>您如何递归调用jQuery模板。
采取这个json对象：
var Links =
[{\"Name\":\"Home\",\"NiceUrl\":\"/home/\",\"Children\":null},
{\"Name\":\"MX-8\",\"NiceUrl\":\"/mx-8/\",\"Children\":null},
{\"Name\":\"Quiz\",\"NiceUrl\":\"/quiz/\",\"Children\":
[{\"Name\":\"Thank you\",\"NiceUrl\":\"/quiz/thank-you/\",\"Children\":
[{\"Name\":\"Can\'t get here\",\"NiceUrl\":\"/URL/\",\"Children\":null}]
}]
}];
<script id=\"itemTemplate\" type=\"text/x-jquery-tmpl\">
<li><a href=\"${NiceUrl}\">${Name}</a>
{{tmpl($data) \"#childTemplate\"}}
</li>
</script>
<script id=\"childTemplate\" type=\"text/html\">
<ul>{{each Children}}<li><a href=\"${NiceUrl}\">${Name}</a></li>{{/each}}</ul>
</script>
<script type=\"text/javascript\">
$(\"#itemTemplate\").tmpl(Links).appendTo(\"#SiteMapHolder\");
</script>
<ul id=\"SiteMapHolder\">
<%--jQuery Template will replace this empty space--%>
</ul>
没有找到相关结果
已邀请:
1 个回复
杭难插
<script id=\"itemTemplate\" type=\"text/x-jquery-tmpl\"> <li><a href=\"${NiceUrl}\">${Name}</a> {{if Children}} <ul> {{tmpl(Children) \"#itemTemplate\"}} </ul> {{/if}} </li>