jQuery插件Tmpl的简单使用方法


Posted in Javascript onApril 27, 2015

1.引入脚本

jQuery插件Tmpl的简单使用方法

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

jQuery插件Tmpl的简单使用方法

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

【类似于aspx中的repeater控件】

【注:记得要设置id】

jQuery插件Tmpl的简单使用方法

3.填写模板

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

jQuery插件Tmpl的简单使用方法

4.看到了效果页面

jQuery插件Tmpl的简单使用方法

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
解析Jquery取得iframe中元素的几种方法
Jul 04 Javascript
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
js的2种继承方式详解
Mar 04 Javascript
setinterval()与clearInterval()JS函数的调用方法
Jan 21 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
浅谈Vue的基本应用
Dec 27 Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
Sep 26 Javascript
微信小程序如何调用新闻接口实现列表循环
Jul 02 Javascript
JavaScript 与 TypeScript之间的联系
Nov 27 Javascript
javascript关于运动的各种问题经典总结
Apr 27 #Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 #Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 #Javascript
原生js和jQuery写的网页选项卡特效对比
Apr 27 #Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 #Javascript
jquery实现标签上移、下移、置顶
Apr 26 #Javascript
jquery ui resize 中border-box的bug修正
Apr 26 #Javascript
You might like
桌面中心(二)数据库写入
2006/10/09 PHP
写一个用户在线显示的程序
2006/10/09 PHP
PHP登录验证码的实现与使用方法
2016/07/07 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
JS保存和删除cookie操作 判断cookie是否存在
2013/11/13 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
node.js中的path.join方法使用说明
2014/12/08 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
JavaScript文档碎片操作实例分析
2015/12/12 Javascript
javascript数字验证的实例代码(推荐)
2016/08/20 Javascript
JavaScript中子对象访问父对象的方式详解
2016/09/01 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
单击按钮发送验证码,出现倒计时的简单实例
2017/03/17 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
JS表单提交验证、input(type=number) 去三角 刷新验证码
2017/06/21 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
python实现排序算法
2014/02/14 Python
github配置使用指南
2014/11/18 Python
NumPy中的维度Axis详解
2019/11/26 Python
python tkinter GUI绘制,以及点击更新显示图片代码
2020/03/14 Python
python numpy库np.percentile用法说明
2020/06/08 Python
canvas实现俄罗斯方块的方法示例
2018/12/13 HTML / CSS
英国网上花店:Bunches
2016/11/29 全球购物
如何获取某个日期是当月的最后一天
2013/12/05 面试题
外贸业务员求职信范文
2013/12/12 职场文书
公司活动策划方案
2014/01/13 职场文书
承办会议欢迎词
2014/01/17 职场文书
大学生党员批评与自我批评
2014/09/28 职场文书
80后婚前协议书范本
2014/10/24 职场文书
大学生就业推荐表自我评价
2015/03/02 职场文书
求职自我推荐信
2015/03/24 职场文书
公司人事管理制度
2015/08/05 职场文书
九年级语文教学反思
2016/03/03 职场文书
Redis主从配置和底层实现原理解析(实战记录)
2021/06/30 Redis