atitit.jquery tmpl模板总结 .doc
atitit.jquery tmpl模板总结 .doc
1. atitit.动态模版解析
1.1. Jquery.tmpl.js
1.2. 比起anrular js方便啊。
2. 动态模板引擎解析原理
就是把<%%>标签外面的为字符串解析。里面的作为语句解析。。。雷施于jsp编译java的原理
作者:: 老哇的爪子 Attilax 艾龙, EMAIL:1466519819@qq.com
转载请注明来源: http://blog.csdn.net/attilax
3. Table方式
localhost/lime/act/actlog_list.html?activityId=8
<table width="90%" border="1" height="" align="center" cellpadding="1" cellspacing="3" id="table1" style=" margin-left:7px; margin-top:10px;" class="table table-striped">
<thead>
<tr class="success">
<th valign="top"> </th>
<th valign="top">openid</th>
<th valign="top"> 活动金额</th>
<th valign="top"> 活动码</th>
<th> 时间</th>
<th> </th>
</tr>
</thead>
<tbody id="table1_tmpl">
<tr >
<td valign="top">${id}</td>
<td valign="top">${openId}</td>
<td valign="top"> ${bingo_money}</td>
<td valign="top"> ${ bingo_code} </td>
<td> ${awardTime}</td>
<td><input name="button3" type="submit" class="btn btn-warning " id="button3" value="删除此记录" οnclick="clickx(${id})"/></td>
</tr>
</tbody>
</table>
arr= jo.rows;
$("#table1_tmpl tr").eq(0).nextAll().remove();
$("#table1_tmpl").tmpl(arr).appendTo('#table1');
$("#table1 tr").eq(1).hide();
4. Ul li方式
<div id="table1_tmpl">
<li class="text-left">
<img src="img/temp/2352201.jpg">
<div class="time"><u class="iconfont"></u>${ formatDate_4java(create_time) }</div>
<h1><a href="detail.html?news_id=${news_id}">${news_title}</a></h1>
<p class="desc">{{html news_content}}</p>
<div class="more"><a href="detail.html?news_id=${news_id}" class="btn-red-border">查看更多</a></div>
</li>
</div>
<div class="right-content">
<ul class="list" id="table1">
</ul>
5. 参考
(原理)最简单的JavaScript模板引擎 - Javascript教程_JS教程_技术文章 - 红黑联盟.htm
(简单) 基于HTML模板和JSON数据的JavaScript交互 « 张鑫旭-鑫空间-鑫生活.htm
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html...
JS使用模板快速填充HTML控件数据 - Freshflower - ITeye技术网站.htm
http://api.jquery.com/jquery.tmpl/
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jquery选择器用法_jQuery属性选择器
- jQuery图片切换插件jquery.cycle.js详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- JQuery常用方法基础教程
- ASP.NET开发者使用jQuery应该了解的几件事情
- 使用jQuery模板来展现json数据的代码
- 初窥JQuery-Jquery简介入门了解篇
- 基于PHP+Jquery制作的可编辑的表格的代码
- jquery$.ajax相关用法分享
- jQuery移动和复制dom节点实用DOM操作案例
- Struts2的s:radio标签使用及用jquery添加change事件
- 模拟电子签章盖章效果的jQuery插件源码
- 随鼠标上下滚动的jquery代码
- jQuery$命名冲突怎么办如何解决
- asp.net使用jquery模板引擎jtemplates呈现表格
- jquery实现两级导航菜单附效果图
- 编写高效jQuery代码的4个原则和5个技巧
- Jquery图片延迟加载插件jquery.lazyload.js的使用方法
- 推荐8款jQuery轻量级树形Tree插件
- 推荐一款jQuery插件模板
- jQuery操作DOM之获取表单控件的值