jQuery插件Tmpl使用方法简单介绍

快乐打工仔 分类:实例代码

下面介绍一下Tmpl的使用方法,需要的朋友可以做一下参考。

一.引入脚本:

前端教程

二.编写模板:

(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).此时你要显示的内容如下:

前端教程

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

类似于aspx中的repeater控件,记得要设置id。

前端教程

三.填写模板:

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

前端教程

四.效果如下:

前端教程

jQuery插件Tmpl使用方法简单介绍

回复

我来回复
  • 暂无回复内容