编程 Javascript

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的简单使用方法

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

jQuery插件Tmpl的简单使用方法

- Author -

hebedich

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS弹出窗口代码大全(详细整理)

Dec 21 Javascript

ExtJS下书写动态生成的xml(兼容火狐)

Apr 02 Javascript

jquery获取tr并更改tr内容示例代码

Feb 13 Javascript

jQuery中:first-child选择器用法实例

Dec 31 Javascript

JavaScript中实现依赖注入的思路分享

Jan 15 Javascript

js面向对象之公有、私有、静态属性和方法详解

Apr 17 Javascript

javascript多行字符串的简单实现方式

May 04 Javascript

详解AngularJS2 Http服务

Jun 26 Javascript

React+Webpack快速上手指南(小结)

Aug 15 Javascript

Vue slot用法(小结)

Oct 22 Javascript

JS中的一些常用的函数式编程术语

Jun 15 Javascript

Vue文本模糊匹配功能如何实现

Jul 30 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文件

2007/01/04 PHP

PHP实现变色验证码实例

2014/01/06 PHP

php格式化电话号码的方法

2015/04/24 PHP

PHP实现双链表删除与插入节点的方法示例

2017/11/11 PHP

Avengerls vs KG BO3 第二场2.18

2021/03/10 DOTA

JS中style属性

2006/10/11 Javascript

浅析js封装和作用域

2013/07/09 Javascript

用简洁的jQuery方法toggleClass实现隔行换色

2014/10/22 Javascript

使用jquery菜单插件HoverTree仿京东无限级菜单

2014/12/18 Javascript

javascript 数组操作详解

2015/01/29 Javascript

Node.js模块封装及使用方法

2016/03/06 Javascript

第四篇Bootstrap网格系统偏移列和嵌套列

2016/06/21 Javascript

关于vue面试题汇总

2018/03/20 Javascript

vue-cli项目优化方法- 缩短首屏加载时间

2018/04/01 Javascript

JS对象和字符串之间互换操作实例分析

2019/02/02 Javascript

JavaScript中this用法学习笔记

2019/03/17 Javascript

Vue函数式组件的应用实例详解

2019/08/30 Javascript

vue 组件开发原理与实现方法详解

2019/11/29 Javascript

vue路由传参的基本实现方式小结【三种方式】

2020/02/05 Javascript

vue+springboot+element+vue-resource实现文件上传教程

2020/10/21 Javascript

Python常用内置函数总结

2015/02/08 Python

Python 中 Meta Classes详解

2016/02/13 Python

python+Splinter实现12306抢票功能

2018/09/25 Python

对Python实现累加函数的方法详解

2019/01/23 Python

Python 多个图同时在不同窗口显示的实现方法

2019/07/07 Python

Python任务调度模块APScheduler使用

2020/04/15 Python

在pycharm中使用pipenv创建虚拟环境和安装django的详细教程

2020/11/30 Python

澳大利亚最大的百货公司：Myer

2018/12/21 全球购物

Java中的基本数据类型所占存储空间大小固定的吗

2012/02/15 面试题

工程总经理工作职责

2013/12/09 职场文书

2014年“四风”问题个人整改措施

2014/09/17 职场文书

世界名著读书笔记

2015/06/25 职场文书

辞职申请书范本

2019/05/20 职场文书

Go timer如何调度

2021/06/09 Golang

javascript代码简写的几种常用方式汇总

2021/08/23 Javascript

angular4实现带搜索的下拉框

2022/03/25 Javascript