JS中模板嵌套学习(代码)

标签：ext   html   http   htm   type   for   代码   text   os   title   js   

<script src="script/jquery-1.4.2.js"></script>
    <script src="script/jsrender.js"></script>
    <script id="header" type="text/x-jsrender">
        <tr>
               <th>序号</th>
               <th>标题</th>
               <th>图片</th>
               <th>点击次数</th>
               <th>支持</th>
               <th>反对</th>
               <th>时间</th>
               <th>操作</th>
           </tr>
    </script>
    <script id="templ" type="text/x-jsrender">
        {{include tmpl="#header" /}}
        {{for #data.photos}}
        <tr>
        <td>{{:#index+1}}</td>
        <td>{{:PTitle}}</td>
        <td>{{:PUrl}}</td>
        <td>{{:PClicks}}</td>
        <td>{{:PUp}}</td>
        <td>{{:PDown}}</td>
        <td>{{:PTime}}</td>
        <td>修改 删除</td>
        </tr>
        {{/for}}
    </script>

 {{include tmpl="#header" /}}中的include前不要加#，否则就是坑

模板嵌套demo网址：http://borismoore.github.io/jsrender/demos/demos.html

JS中模板嵌套学习(代码),码迷,mamicode.com

JS中模板嵌套学习(代码)

标签：ext   html   http   htm   type   for   代码   text   os   title   js   

原文地址：http://www.cnblogs.com/SeawinLong/p/3702877.html