首页 > Web开发 > 详细

jQuery Tmpl使用

时间:2015-04-26 21:09:36      阅读:327      评论:0      收藏:0      [点我收藏+]

1.引入脚本

技术分享

2.编写模板

2.1假设此时有一个,从后台一json格式发送来的数据

[{"tId":1,"tName":"张三","tAge":14,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
{"tId":2,"tName":"李四","tAge":25,"tClass":1,"TeachClass":{"cId":1,"cName":"1班"}},
{"tId":4,"tName":"赵六  ","tAge":16,"tClass":2,"TeachClass":{"cId":2,"cName":"2班"}}]

2.2此时你要显示的内容如下

技术分享

然后按照你要显示的内容,设置模板:

【类似于aspx中的repeater控件】

【注:记得要设置id】

技术分享

3.填写模板

按照上面的假设,后台返回的是一个json格式的字符串,那么通过ajax请求,并填写 模板

技术分享

4.看到了效果页面

【此处的css看我另一篇文章-常用CSS样式】

技术分享

jQuery Tmpl使用

原文:http://www.cnblogs.com/2star/p/4458316.html

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