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");
}
<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按原比例显示图片中部最大方形区域
- 因为yii2中jquery位置默认在最下方,可将自定义js位置放在下方
- JQuery源码之“对象的结构解析”
- jquery select三级联动
- bind/on in JavaScript, jQuery, Backbone, Underscore
- JQuery通过$(xxx...)返回对象
- js和jquery获取属性值方式
- jquery 对象不支持此属性或方法
- JQuery中的html(),text(),val()区别
- 在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
- jQuery+css实现的蓝色水平二级导航菜单效果代码
- jQuery part1
- jquery学习之自定义动画
- jQuery学习之滑动
- jQuery学习之淡出淡入
- jQuery中jqGrid分页实现代码
- jquery 选择器(name,属性,元素)大全
- jQuery学习之基本选择器
- 锋利的Jquery【读书笔记】 -- 第一章