Question

我已经开始使用jQuery模板了，我觉得它很棒我正在尝试构建一个寻呼机。我的MVC操作返回一个JSON对象，其中包含当前页面和总页数我想创建一系列按钮。我见过我可以使用{{each}}，但似乎我只能在集合中循环有没有办法可以从 currentPage 循环到 totalPages 并构建一系列按钮：

<script id="pagerTmpl" type="text/x-jquery-tmpl"> 
    <input type="radio" id="q_page_" name="radio" /><label for="q_page_">xxx</label>        
</script>

我知道这段代码不起作用，但我想实现这样的目标：

<script id="pagerTmpl" type="text/x-jquery-tmpl"> 
    {{each(currentPage, totalPages)}}
    <input type="radio" id="q_page_" name="radio" /><label for="q_page_">xxx</label>
    {{/each}}  
</script>

任何帮助都会被贬低。

Answer 1

这有效：

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script src="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script>
</head>
<body>

<script id="pagerTmpl" type="text/x-jquery-tmpl"> 
    {{each page }}
   <input type="radio" id="q_page_" name="radio" /><label for="q_page_">xxx</label>
    {{/each}}  
</script> 


<div id="pager"></div>

<script>

/* Render the template with the tmpl data */
$( "#pagerTmpl" ).tmpl( {page:new Array(10)} )
    .appendTo( "#pager" );



</script>



</body>
</html>

对于jQuery模板中的x = 0到N.

1 个答案: