您的位置:首页 > Web前端 > JQuery

jQuery 模板插件jquery-tmpl

2015-09-13 16:45 801 查看
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");

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: