JQuery 构建客户/服务分离的链接模型中Table分页代码效率初探

strTR += ” <TD style=’width:10%’ class=’MyTableTD’ >” + this.ACCONAM + “</TD>”;
strTR += ” <TD style=’width:10%’ class=’MyTableTD’ >” + this.CONPROP + “</TD>”;
strTR += ” <TD style=’width:15%’ class=’MyTableTD’ >” + this.BALDEPER_ShortString + “</TD>”;
strTR += ” <TD style=’width:15%’ class=’MyTableTD’ >” + this.IsDataCompleteness + “</TD>”;
strTR += ” <TD style=’width:10%’ class=’MyTableTD’ ><a id=’Link_”+RowCount+”‘ href=’#’ >选择</a></TD>”;
strTR += “</TR>”;
RowCount++;
});//jQuery.each
$(“#tbody_Data”).empty();
$(“#tbody_Data”).append(strTR);
$(“#CurrentPage”).html(CurrentPage);
},
error:function(msg){
alert( “Error: ” + msg );
}
});
}//function Load_TableData()

首页，上一页，下一页，尾页的操作：
说明：

$(“#CurrentPage”).html()　　　　　　存储当前页　　（调用代码在上个函数红色处）
$(“#TotalPageCount”).html()　　　　存储总页数　　（调用代码有个专门的函数，见下面）

代码

$(“#First_A”).click(function(){//首页 链接操作
Load_TableData(strFlowID,1);
});
$(“#Prev_A”).click(function(){//上一页 链接操作
var intCurrentPage = Number(c);
if(intCurrentPage>1)
{
Load_TableData(strFlowID,intCurrentPage-1);
}
});
$(“#Next_A”).click(function(){//下一页 链接操作
var intCurrentPage = Number($(“#CurrentPage”).html());
var intTotalPageCount = Number($(“#TotalPageCount”).html());
if(intCurrentPage<intTotalPageCount)
{
Load_TableData(strFlowID,intCurrentPage+1);
}
});
$(“#Last_A”).click(function(){//尾页 链接操作
intLastPage = Number($(“#TotalPageCount”).html());
Load_TableData(strFlowID,intLastPage);
});

返回总页数的客户端函数：
代码

//返回页数
function Get_TableData_TotalCount(FlowID)
{
$.ajax({
type: “POST”,
url: IPServer +”JsonService.asmx/Get_ContributivePersonTable_TotalPageCount”,
data:”{FlowID:'”+FlowID +”‘,PageCount:”+PageCount+”}” ,
contentType: “application/json; charset=utf-8”,
dataType: “json”,
success: function(msg){
var data = eval(“(” + msg + “)”);
jQuery.each(data, function(rec) {
$(“#TotalPageCount”).html(this.Info);
$(“#showTotalPage”).html(this.Info);