zoukankan      html  css  js  c++  java
  • JTemplates 的使用

    注意事项:一定要放在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>

  • 相关阅读:
    文本域光标操作(选、添、删、取)的jQuery扩展
    jQuery插件,将内容插入到光标处
    onmouseout,mouseover经过子元素也触发的问题解决方案
    【M4】非必要不提供default 构造方法
    【M3】绝对不要以多态方式处理数组
    100亿个数字找出最大的10个
    【M2】最好使用C++转型操作符
    【M26】限制某个class所能产生的对象数量
    理解extern
    变量的属性
  • 原文地址:https://www.cnblogs.com/j2ee-web-01/p/7383762.html
Copyright © 2011-2022 走看看