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 相关文章推荐
解决jQuery插件tipswindown与hintbox冲突
Nov 05 Javascript
学习JavaScript编程语言的8张思维导图分享
Mar 27 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
Nov 24 Javascript
jquery中实现时间戳与日期相互转换
Apr 12 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
微信小程序 同步请求授权的详解
Aug 04 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
layui radio性别单选框赋值方法
Aug 15 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
对vue中的事件穿透与禁止穿透实例详解
Oct 28 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
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
Laravel 5.3 学习笔记之 错误&日志
2016/08/28 PHP
php使用crypt()函数进行加密
2017/06/08 PHP
yii2多图上传组件的使用教程
2018/05/10 PHP
jquery 最简单易用的表单验证插件
2010/02/27 Javascript
JavaScript去掉数组中的重复元素
2011/01/13 Javascript
JQuery实现鼠标滑过显示导航下拉列表
2013/09/12 Javascript
Javascript添加监听与删除监听用法详解
2014/12/19 Javascript
Jquery使用val方法读写value值
2015/05/18 Javascript
echarts3 使用总结(绘制各种图表,地图)
2017/01/05 Javascript
js实现适合新闻类图片的轮播效果
2017/02/05 Javascript
Vue Spa切换页面时更改标题的实例代码
2017/07/15 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
vue2.0实现音乐/视频播放进度条组件
2018/06/06 Javascript
小程序实现单选多选功能
2018/11/04 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
Node.JS在命令行中检查Chrome浏览器是否安装并打开指定网址
2019/05/21 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
微信小程序停止其他视频播放当前视频的实例代码
2019/12/25 Javascript
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
Python 打印中文字符的三种方法
2018/08/14 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
使用Python3内置文档高效学习以及官方中文文档
2019/05/19 Python
Pycharm2020最新激活码|永久激活(附最新激活码和插件的详细教程)
2020/09/29 Python
Python通过format函数格式化显示值
2020/10/17 Python
Nike比利时官网:Nike.com (BE)
2019/02/07 全球购物
C语言中一个结构不能包含指向自己的指针吗
2012/05/25 面试题
EJB需直接实现它的业务接口或Home接口吗,请简述理由
2016/11/23 面试题
红领巾心向党演讲稿
2014/09/10 职场文书
作弊检讨书
2015/01/27 职场文书
企业安全隐患排查治理制度
2015/08/05 职场文书
PyTorch的Debug指南
2021/05/07 Python