jquery template模板使用
来源:互联网 发布:威动服务器 windows版 编辑:程序博客网 时间:2024/06/06 03:10
html代码
<div style="width:50%;height:50%;border:0px solid;margin-left:0px;padding-top:5px;position:relative;float:right;padding-right:3px;"> <table border="1" class="table table-bordered table-condensed" style="width:99%;"> <tr class="info"><td id="td1" style="width:80%;">名称</td><td id="td2" style="width:20%;">数值</td></tr> <tbody id="frows"> </tbody> </table></div>
包含文件
<script type="text/javascript" src="../bootstrap/js/jquery.tmpl.min.js"></script>
js代码
<script id="fTemplate" type="text/x-jquery-tmpl"> <tr><td>${Name}</td><td>${Value}</td></tr> </script>
设置数据
<script>$(document).ready(function() {var dataf = [{ Name: '累计能耗', Value: 0 }, { Name: '实际节能量', Value: 0}, { Name: '实际节能率', Value: 0 }, { Name: '空调温度平均值', Value: 0}]; $('#fTemplate').tmpl(dataf).appendTo('#frows');});</script>
如果使用ajax请求数据,则需要在赋值之前先把之前的dom数据清除,否则数据会在原数据后面附加数据。
//清空模板数据$('#frows').empty();
效果
阅读全文
0 0
- jquery template模板使用
- template模板类使用
- Gradle Template 模板使用
- 类模板template的使用!
- C++模板(template)使用介绍
- c++模板 template的使用
- C++模板(template)使用介绍
- 微信小程序-template模板使用
- template模板使用规则 C++
- C++模板(template)使用介绍
- 使用<script>和HTML5<template>作为模板元素的差别:能否使用jQuery选中
- jQuery中template(模板)应用例子
- eclipse myeclipse 下使用模板 Template
- 尝试使用google-template模板引擎
- C++中 模板Template的使用
- 01模板 使用template<class T>
- C++中 模板Template的使用
- C++中 模板Template的使用
- golang channel的设计瑕疵
- 不成熟的个人资产管理系统(上)
- 汇哲科技-2017年CISSP中文考试时间地点(8月21日更新)
- 小程序开发入门
- JavaScript 表单
- jquery template模板使用
- POJ 3468 A Simple Problem with Integers(树状数组区间修改+区间查询)
- IntelliJ Idea 授权服务器使用
- VS 编译错误error: LNK
- java--自己的小工具
- Strassen矩阵乘法 + 快速计算乘方的算法 + 矩阵的次幂
- op反馈电阻并联反馈电容
- Java 集合源码解析(1):Iterator
- 汇哲科技-如何选择CISSP教材?