zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    2020软件工程02
    自我介绍
    2019年春总结作业
    第十二周作业
    第十一周作业
    第十周作业
    第九周作业
    第八周作业
    第七周学习总结
    第六周学习总结
  • 原文地址:https://www.cnblogs.com/SeawinLong/p/3702877.html
Copyright © 2011-2022 走看看