无刷新分页和jtemplates的使用

自己使用的无刷新分页是用jquery，json，jtemplates联合使用的。

	var pagination;
	$(function(){
		pagination=$("#page").myPagination({
        	currPage: 1,
        	pageNumber: 16,
        	ajax: { 
    			on: true,  
    			callback: ajaxCallBack,   			
    			type: "GET", 
    			url: "../patientHologram/physicalExamInfoAction!loadPhysicalExamInfoList.htm?p_main_id="+ p_main_id+"&line_time="+line_time+"&tabtype="+tabtype, 
    			dataType: "json" 
    		},
    		panel: {
        	next: '>',
            prev: '<',
            tipInfo_on: true,
            tipInfo: '  跳{input}/{sumPage}页',
            tipInfo_css: {
              	width: "34px",
              	height: "18px",
              	border: "1px solid #DADAD8",
              	padding: "0 5px 0 5px",
              	margin: "0 5px 0 5px",
              	color: "#343434"
            }
        }    		
	});
	});
	function ajaxCallBack(data){
	rows = data.rows;
	$("#table").setTemplateElement("Template-ListRows").processTemplate(rows);
	/* var colors = ['#fefefe', '#F9FAFC'];
    $("table").find("tr").each(function (i) {
    	if($(this).attr("id")!="tableTitle" && $(this).attr("id")!="roletitle"){
    		$(this).css("background-color", colors[i % 2]);
    	}
    }); */
 }

  

     		

				

 				 
 
				    <table style="width:100%;font-size:12px;border-collapse: collapse;" cellspacing="0" cellpadding="0">
				        <td  class="border1"
				      {#param name=i value=0}
				      {#foreach $T as Row}
				      	{#param name=i value=$P.i+1}
				      	<tr userid="{$T.Row.id}" class="{#cycle values=['bcEED','bcDEE']}" style="height: 20px;color:#474E59">
							<td style="display:none" class="field2">
								 {$T.Row.p_main_id}
							</td>
				      		<td class="border2">
								 {$T.Row.p_name}
							</td>
							<td class="border4" >
								 {$T.Row.p_sex}
							</td>
							<td class="border4" >
								 {$T.Row.p_age}
							</td>
							<td class="border4">
								 {$T.Row.p_visit_cardid}
							</td>
								<td class="border4">
								 {$T.Row.p_exam_type_name}
							</td>	
							<td class="border4">
								 {$T.Row.p_exam_project_name}
							</td>
							<td class="border4">
								 {$T.Row.p_exam_result}
							</td>
								<td class="border4">
								 {$T.p_exam_date_str}
							</td>
							<td class="border4">
								 {$T.Row.p_exam_diag_disease_name}
							</td>
							<td class="border4">
								 {$T.Row.p_exam_doctor_name}
							</td>
								<td class="border3">
								 {$T.Row.p_exam_dept_name}
							</td>								
						</tr>
				      {#/for}
				      <!-- 下面的循环是用来将每次查询出的数据填补成16行，保持div = page的位置 -->
				       {#for index=1 to 16-$P.i}
				       	<tr userid="{$T.Row.id}" class="{#cycle values=['bcEED','bcDEE']}" style="height: 20px;color:#474E59">
							<td style="display:none" class="field2">
								 
							</td>
				      		<td class="border2">
							</td>
							<td class="border4" >
							</td>
							<td class="border4" >
							</td>
							<td class="border4">
							</td>
							<td class="border4">
							</td>	
							<td class="border4">
							</td>
							<td class="border4">
							</td>
							<td class="border4">
							</td>
							<td class="border4">
							</td>
							<td class="border4">
								 {$T.Row.p_attend_doctor_name}
							</td>
							<td class="border3">
							</td>								
						</tr>
					{#/for}
				   </table>
				
				
		
	

当然记得别忘记引用js文件

利用ajax将数据传到action，再利用json数据返回，并将其解析