ajax 动态分页

Code:

1. function getDate(page,rows,queryStr,colStr){   
2.     var url="/test/employe.do?page="+page+"&rows="+rows;   
3.     if(queryStr!="" || queryStr!="undefined")   
4.         url=url+"&queryStr="+queryStr;   
5.     if(colStr!="" || colStr!="undefined")   
6.         url=url+"&colStr="+colStr;   
7.     $.post(url,null,function(date){   
8.         var objs=eval(date);   
9.         $("#tDate tr").remove();   
10.         var j=1;   
11.         var TD=0;   
12.         for(var i in objs){   
13.             var obj=objs[i];   
14.             var TR="";   
15.             if(j%2==0)   
16.                 TR="<tr class=alt>"  
17.             else  
18.                 TR="<tr>"  
19.             $("#tDate").append(TR+"<td>"+j+"</td><td>"+obj.num+"</td><td>"+obj.name+"</td><td>"  
20.                 +obj.sex+"</td><td>"+obj.brithday+"</td><td>"+obj.homeTown+"</td><td>"  
21.                 +"<div align=center><a href=# οnclick=openWin('/test/employe.do?command=updateDetail&num="+obj.num+"','updateReport',800,600);>详细</a>"  
22.                 +"      <a href=# οnclick=del('/test/employe.do?command=delEmploye&num="+obj.num+"');>删除</a>"  
23.                 +"      <a href=# οnclick=openWin('/test/employe.do?command=updateInput&num="+obj.num+"','updateReport',800,600);>修改</a></div></td></tr>");   
24.             if(j==1)   
25.                 total=obj.total;   
26.             j++;   
27.             $("tbody tr td:eq("+TD+")").css("background","#F3F3F3").css("text-align","center");   
28.             TD=TD+7;   
29.         }   
30.         $("#pageNum").val(page);   
31.         $("#fromNum").html((page-1)*rows);   
32.         $("#toNum").html(page*rows);   
33.         $("#totalNum").html(total);   
34.         $("#totalPage").html(parseInt(total/rows)+1);   
35.            
36.         $("#nextPage").click(function(){   
37.         page=page+1;   
38.         getDate(page,rows,queryStr,colStr);   
39.     });   
40.        
41.     $("#prevPage").click(function(){   
42.         page=page-1;   
43.         getDate(page,rows,queryStr,colStr);   
44.     });   
45.        
46.     $("#lastPage").click(function(){   
47.         page=parseInt(total/rows)+1;   
48.         getDate(page,rows,queryStr,colStr);   
49.     });   
50.        
51.     $("#firstPage").click(function(){   
52.         page=1;   
53.         getDate(page,rows,queryStr,colStr);   
54.     });   
55.        
56.     $("#setRows").change(function(){   
57.         rows=parseInt($(this).val());   
58.         getDate(1,rows,queryStr,colStr);   
59.     });   
60.        
61.         $("#tDate tr:odd").mouseover(function(){   
62.             $(this).removeClass("alt");   
63.             $(this).addClass("over");   
64.         }).click(function(){   
65.             $(this).removeClass("alt");   
66.             if($(this).attr("class").indexOf("beClick")==-1){   
67.                 $(this).addClass("beClick");   
68.             }else{   
69.                 $(this).removeClass("beClick");   
70.                 $(this).addClass("alt");   
71.             }   
72.         });   
73.         $("#tDate tr:odd").mouseout(function(){   
74.             if($(this).attr("class").indexOf("beClick")==-1){   
75.                 $(this).removeClass("over");   
76.                 $(this).addClass("alt");   
77.             }   
78.         });   
79.            
80.         $("#tDate tr:even").mouseover(function(){   
81.             $(this).addClass("over");   
82.         }).click(function(){   
83.             if($(this).attr("class").indexOf("over")!=-1)   
84.                 $(this).removeClass("over");   
85.             if($(this).attr("class")=="beClick")   
86.                 $(this).removeClass("beClick");   
87.             else  
88.                 $(this).addClass("beClick");   
89.                
90.         });   
91.         $("#tDate tr:even").mouseout(function(){   
92.             $(this).removeClass("over");   
93.         })   
94.     });   
95. }