注意事项：一定要放在Jquery的页面加载完成事件内  ： $(function{});

<script src="~/Js/jquery-2.1.0.js"></script>
<script src="~/Js/jquery-jtemplates.js"></script>
<script type="text/javascript">

    $(function ($) {

     var data=   {
 "AgentList": [ {
            "nAgentID": "2317",
            "sAgentCode": "JLS",
            "sAgentName": "九岭山"
        } ],
    "DepartmentList": [ {
            "nDepartmentID": "2",
            "sDepartmentCode": "WW",
            "sDepartmentName": "王五",
            "nAgentid": "2315"
        },  {
            "nDepartmentID": "3",
            "sDepartmentCode": "ZS",
            "sDepartmentName": "张三",
            "nAgentid": "2315"
        } ]
}

                $('#foreachResult').setTemplate($('#foreach').html()).processTemplate(data);
        

        });

</script>

<script type="text/template" id="foreach">  
    <table>  
    <thead>  
        <tr>  
           
            <td>hehehe</td>  
            <td>gagaga</td>  
            <td>hahaha</td>  
        </tr>  
    </thread>  
    <tbody>  
        {#foreach $T.AgentList as record begin=0}  
        <tr>  
            <td>{$T.record.nAgentID}</td>  
            <td>{$T.record.sAgentCode}</td>  
              <td>{$T.record.sCommission}</td>  
        </tr>  
        {#/for}  
    <p><br><br>
       {#foreach $T.DepartmentList as record begin=0}   这个begin 就是在那条记录开始，在1开始第0条省略。类推
        <tr>  
            <td>{$T.record.nDepartmentID}</td>  
            <td>{$T.record.sDepartmentCode}</td>  
              <td>{$T.record.sDepartmentName}</td>  
        </tr>  
        {#/for}
    </tbody>  
</table>  
</script>

<body>
    <div id="foreachResult"></div> 
</body>

JTemplates 的使用的更多相关文章

  1. jTemplates部分语法介绍

    1.{#if} {#if |COND|}..{#elseif |COND|}..{#else}..{#/if} Examples: {#if 2*8==16} good {#else} fail {# ...

  2. Jtemplates 基本语法

    jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据集时发愁了. 首先送上jTtemplates的官网地址:http://jtemplates.tpy ...

  3. jTemplates——学习（1）

    这里介绍一个基于jQuery开发的模板引擎. jTemplates目前最新的版本是0.7.8,由tPython开发.官方网站:http://jtemplates.tpython.com 两个附件, 一 ...

  4. jTemplates

    jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了他你就再不用为使用JS绑定数据集时发愁了. 首先送上jTtemplates的官网地址:http://jtemplates.tpy ...

  5. js模板引擎---jtemplates使用

    昨天记录了如何使用腾讯的模板引擎,今天记录一下jquery的模板引擎jtemplates.官网:http://jtemplates.tpython.com/ 编写模板:需要在页面引入jquery和jt ...

  6. jTemplates模板学习笔记

    1.jTemplates工作方式   1)setTemplateElement:指定可处理的模板对象 2)processTemplate:对模板化的对象进行数据处理 2.语法解析   1)jTempl ...

  7. jquery jtemplates.js模板渲染引擎的详细用法第三篇

    jquery jtemplates.js模板渲染引擎的详细用法第三篇 <span style="font-family:Microsoft YaHei;font-size:14px;& ...

  8. jquery jtemplates.js模板渲染引擎的详细用法第二篇

    jquery jtemplates.js模板渲染引擎的详细用法第二篇 关于jtemplates.js的用法在第一篇中已经讲过了,这里就直接上代码,不同之处是绑定模板的方式,这里讲模板的数据专门写一个t ...

  9. jquery jtemplates.js模板渲染引擎的详细用法第一篇

    jquery jtemplates.js模板渲染引擎的详细用法第一篇 Author:ching Date:2016-06-29 jTemplates是一个基于JQuery的模板引擎插件,功能强大,有了 ...

  10. jTemplates的教程，包括{#if}{#foreach}{#for}的简单使用

    最近在做一些局部刷新的分页工作,一般不使用既成的插件的话,就是在脚本里面重新渲染一个局部的html,把需要局部分页的模块重写一遍,还需要在控制器里再定义一个方法返回所需的局部数据,这种做法相当冗余,所 ...

随机推荐

  1. wamp问题：关于另个php.ini文件的”…

    一.现象解说 修改从图表打开的php.ini文件,重启apache后,我们的问题没有解决... 二.解决方法 1.php.ini的位置 wamp/apache2/bin/php.ini wamp/ph ...

  2. JS实现添加至购物车功能

    效果图展示: 当将书拖拽至购物车一览时: 首先将页面的基本结构写出来: <!DOCTYPE html> <html lang="en"> <head& ...

  3. Redis从单机到集群，一步步教你环境部署以及使用

    Redis作为缓存系统来说还是很有价值的,在大数据方向里,也是需要有缓存系统的.一般可以考虑tachyon或者redis,由于redis安装以及使用更简单,所以还是优先考虑了它.那么在一些场景下为了保 ...

  4. DDL中drop-alter table

    一.DROP TABLE语句:用于删除数据表 DROP TABLE removes one or more tables. You must have the DROP privilege for e ...

  5. 从入门到放弃，.net构建博客系统（一）：系统构建篇

    demo:http://tonyblogs.top/ Git源码:https://github.com/Halifa/TonyBlogs 项目采用的技术有:asp.net mvc4 + autofac ...

  6. promise处理多个相互依赖的异步请求

    在项目中,经常会遇到多个相互依赖的异步请求.如有a,b,c三个ajax请求,b需要依赖a返回的数据,c又需要a和b请求返回的数据.如果采用请求嵌套请求的方式自然是不可取的.导致代码难以维护,如何请求很 ...

  7. Spring思维导图（一）

    关于Spring Spring是一个开源框架,是为了解决企业应用程序开发复杂性而创建的.框架的主要优势之一就是其分层架构,分层架构允许您选择使用哪一个组件,同时为 J2EE 应用程序开发提供集成的框架 ...

  8. 扩展Python模块系列(二)----一个简单的例子

    本节使用一个简单的例子引出Python C/C++ API的详细使用方法.针对的是CPython的解释器. 目标:创建一个Python内建模块test,提供一个功能函数distance, 计算空间中两 ...

  9. python学习之字符串(下)

    ----------------------------------------------实际应用中的其他常见的字符串方法 >>>line = "the knights ...

  10. PHP中单引号、双引号和转义字符

    在PHP语言总,单引号与双引号的作用不尽相同. PHP单引号及双引号均可以修饰字符串类型的数据,如果修饰的字符串中含有变量(例$name):最大的区别是:双引号会替换变量的值,而单引号会把它当做字符串 ...