jquery插件jTemplates用法

简单记一下我所做项目中用到的代码,以备以后用的时候一看明白了。

1.jsp(jquery-jtemplates.js下载地址:http://download.csdn.net/detail/xlb744868186/8508141

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-jtemplates.js"></script>
<%@ include file="wayBillStatusRcvTpl.html"%>
// 订单申报回执历史
function findRcvDtl(id){
	$.getJSON(eTrade.ctx + "/tradeinfo/export/waybillstatus/findRcvDtl.do",{"id":id},
			function(data){
				if(data){

					$("#rcvListDiv").setTemplateElement("rcvTpl").processTemplate(data);
					$("#rcvListDiv").dialog({
						title : "运单状态订单回执",
						width : 720
					});
				}
			});
}
<div id="rcvListDiv"></div>

2.html

<%@ page contentType="text/html; charset=UTF-8" %>
<textarea id="rcvTpl" style="display: none">
	<table class="tableborder" style="margin-top: 5px;">
		<thead>
			<tr>
				<td class="tdcenter"><span>guid</span></td>
				<td class="tdcenter"><span>运单号</span></td>
				<td class="tdcenter"><span>返回状态</span></td>
				<td class="tdcenter"><span>返回时间</span></td>
				<td class="tdcenter"><span>返回信息</span></td>
			</tr>
		</thead>
		<tbody>
		{#foreach $T as rcv}
			<tr>
				<td class="tdright">{$T.rcv.guid}</td>
				<td class="tdright">{$T.rcv.logisticsNo}</td>
				<td class="tdright">{$T.rcv.returnStatus}</td>
				<td class="tdright">{$T.rcv.returnTime}</td>
				<td class="tdright">{$T.rcv.returnInfo}</td>
			</tr>
		{#/for}
		</tbody>
	</table>
</textarea>
时间: 2024-10-11 07:28:22

jquery插件jTemplates用法的相关文章

Jquery插件之ajaxForm ajaxSubmit的理解用法

如今ajax满天飞,作为重点的form自然也受到照顾. 其实,我们在平常使用Jquery异步提交表单,一般是在submit()中,使用$.ajax进行.比如: $(function(){ $('#myForm').submit(function(){ $.ajax({ url:"/WebTest/test/testJson.do", data:$('#myForm').serialize(), dataType:"json", error:function(data

Jquery插件placeholder的用法

闲的蛋疼,演示一下Jquery插件placeholder的用法,借助该插件能够轻松实现HTML5中placeholder特效: 效果图: 实现代码: <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String basePath = request.getScheme()+"://&quo

jQuery Validate插件 reomte用法详解

在用户注册时经常要通过ajax请求判断用户账号是否已注册,最方便的方法便是用jQuery Validate插件 reomte方法 Jquery Validate插件, 调用远程方法验证参数, remote的用法: 在validate的方法上加入remote:"校验方法",例如:remote: "/test/checkAccount.jsp", 这时传进checkAccount.jsp的参数就是account=$("#account").val()

jquery.validate.js插件的用法

最近做项目,需要用到 jQuery.validate.js插件,于是记录一下工作中的一些经验,以便日后学习. [例子如下] 1.前台页面 <form id="form1" method="post"> 用户名:<input type="text" id="UserName" name="UserName" /><!--<span id="name_error&q

JQuery插件之Jquery.datatables.js用法及api

1.DataTables的默认配置 $(document).ready(function() { $('#example').dataTable(); } ); 示例:http://www.guoxk.com/html/DataTables/Zero-configuration.html 2.DataTables的一些基础属性配置 "bPaginate": true, //翻页功能 "bLengthChange": true, //改变每页显示数据数量 "

Jquery插件使用方法

在实际开发工作中,总会碰到像滚动,分页,日历等展示效果的业务需求,对于接触过jQuery以及熟悉jQuery使用的人来说,首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求.目前页面中常用的一些组件,都有多种jQuery插件可供选择,网络上也有很多专门收集jQuery插件的网站.利用jQuery插件确实可以给我们的开发工作带来便捷,但是如果只是会简单使用,而对其中的原理不甚了解,那么在使用过程中碰到问题或者对插件进行定制开发时就会有诸多疑惑.本文的目的就是可以快速了解jQuery插件

原创jquery插件treeTable(转)

由于工作需要,要直观的看到某个业务是由那些子业务引起的异常,所以我需要用树表的方式来展现各个层次的数据. 需求: 1.数据层次分明: 2.数据读取慢.需要动态加载孩子节点: 3.支持默认展开多少层. 在网上找到了很多资料,发现treeTable方面的组件质量都不高,有些还不错样式不符合,性能也比较差.想想树表也挺简单的,不就是通过隐藏或者展现某些tr来实现嘛.于是乎,自己写一个. 2011年5月4号恰好放假一个下午,于是在家里风风火火开始构造自己的树表插件. 样式我就用了http://www.h

jquery插件之jquery.extend和jquery.fn.extend的区别

jquery.extend jquery.extend(),是拓展jquery这个类,即可以看作是jquery这个类本身的静态方法,例如: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/

jQuery插件的点点滴滴

说起jQuery插件,很多人的脑海种已经有了一定的雏形,仿佛感觉仅仅就是那样子,事实呢?当你看了Bootstrap.js,品读了slidesjs,观摩了jquery.cycle2.js,不禁发现,原来插件的世界千变万化,细微之处总是不容易让人发觉,世界那么大,那么我们就一起去看看它到底长什么样子? 工欲善其事必先利其器,如果你对于jQuery插件运用熟练的话,那么对已$.extend,你一定要去了解!,下面我们就先对$.extend来个剖析!先看看你对于$.extend的几种形式! 一.$.ex