首页 > Web开发 > 详细

jQuery 模板插件jquery-tmpl

时间:2015-09-13 17:21:49      阅读:283      评论:0      收藏:0      [点我收藏+]
Step1:导入脚本:
  <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")"></script>         
       <script src="@Url.Content("~/Scripts/jquery.tmpl.min.js")"></script>

Step2:添加模板-占位符格式:$(json对象属性名):

     <script id="temp" type="text/x-jquery-tmpl">

                <tr>

                    <td>${CID}</td><td>${CName}</td><td>${CCount}</td>

                </tr>

     </script>

Step3:为模板装载数据并最终生成html

function ajaxFinish(jsonObjArray) { //[{CID:"1",CName:"aa",CCount:"1"},....{}]

       $("#temp").tmpl(jsonObjArray).appendTo("#tbList");

}

 

jQuery 模板插件jquery-tmpl

原文:http://www.cnblogs.com/zhangyihui/p/4805159.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!