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原型继承之基础机制分析
Aug 26 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
Nov 19 Javascript
jquery 删除字符串最后一个字符的方法解析
Feb 11 Javascript
BootStrap table使用方法分析
Nov 08 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
浅谈JavaScript 代码简洁之道
Jan 09 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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实现批量查询清除一句话后门的代码
2008/01/20 PHP
PHP 定界符 使用技巧
2009/06/14 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
用PHP实现读取和编写XML DOM代码
2010/04/07 PHP
工厂模式在Zend Framework中应用介绍
2012/07/10 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
Zend Framework教程之视图组件Zend_View用法详解
2016/03/05 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
jQuery通过Ajax返回JSON数据
2015/04/28 Javascript
jQuery常用的一些技巧汇总
2016/03/26 Javascript
JavaScript的String字符串对象常用操作总结
2016/05/26 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
jQuery Easyui使用(二)之可折叠面板动态加载无效果的解决方法
2016/08/17 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
js遍历详解(forEach, map, for, for...in, for...of)
2019/08/28 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python基础教程之数字处理(math)模块详解
2014/03/25 Python
详解Python中__str__和__repr__方法的区别
2015/04/17 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
Python基于xlrd模块处理合并单元格
2020/07/28 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
客户经理岗位职责
2013/12/08 职场文书
企业指导教师评语
2014/04/28 职场文书
企业财务总监岗位职责
2015/04/03 职场文书
如何判断微信付款码和支付宝付款码
2021/04/01 PHP
MySQL如何使用使用Xtrabackup进行备份和恢复
2021/06/21 MySQL