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 动态创建VML的方法
Oct 14 Javascript
JavaScript 题型问答有答案参考
Feb 17 Javascript
javascript实现的全国省市县无刷新多级关联菜单效果代码
Aug 01 Javascript
js倒计时简单实现代码
Aug 11 Javascript
jQuery实现弹出带遮罩层的居中浮动窗口效果
Sep 12 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
vue.js之vue-cli脚手架的搭建详解
May 05 Javascript
原生JS实现瀑布流插件
Feb 06 Javascript
使用FormData实现上传多个文件
Dec 04 Javascript
微信小程序按钮点击动画效果的实现
Sep 04 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
vue+django实现下载文件的示例
Mar 24 Vue.js
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
SONY ICF-F10中波修复记
2021/03/02 无线电
discuz Passport 通行证 整合笔记
2008/06/30 PHP
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
用php制作简单分页(从数据库读取记录)的方法详解
2013/05/04 PHP
php 获取本地IP代码
2013/06/23 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
thinkPHP统计排行与分页显示功能示例
2016/12/02 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
input按钮的事件处理大全
2010/12/10 Javascript
获取表单控件原始(初始)值的方法
2013/08/21 Javascript
js给onclick赋值传参数的两种方法
2013/11/25 Javascript
js实现通用的微信分享组件示例
2014/03/10 Javascript
影响jQuery使用的14个方面
2014/09/01 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
2017/03/16 Javascript
移动端网页开发调试神器Eruda的介绍与使用技巧
2017/10/30 Javascript
React 组件转 Vue 组件的命令写法
2018/02/28 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
vue视图不更新情况详解
2019/05/16 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
electron踩坑之dialog中的callback解决
2020/10/06 Javascript
[03:24]2014DOTA2国际邀请赛 神秘商店生意火爆
2014/07/18 DOTA
从零学Python之引用和类属性的初步理解
2014/05/15 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
python使用多线程编写tcp客户端程序
2019/09/02 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
深入了解Python 方法之类方法 & 静态方法
2020/08/17 Python
如何用python批量调整视频声音
2020/12/22 Python
Python实现给PDF添加水印的方法
2021/01/25 Python
CSS3实现多样的边框效果
2018/05/04 HTML / CSS
报告会主持词
2014/04/02 职场文书
法人代表委托书
2014/04/04 职场文书
政府法律服务方案
2014/06/14 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
公司致全体员工的感谢信
2019/06/24 职场文书