WEB开发网
开发学院网页设计JavaScript JQuery构建客户/服务分离的链接模型中Table分页代... 阅读

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

 2010-01-20 00:00:00 来源:WEB开发网   
核心提示: 填充数据的js函数://引导数据填充表格(Table)functionLoad_TableData(FlowID,CurrentPage){$.ajax({type:"POST",url:IPServer+"JsonService.asmx/Load_Contrib

填充数据的js函数:

//引导数据填充表格(Table)
function Load_TableData(FlowID,CurrentPage)
{
        
  $.ajax({
     type: "POST",
     url: IPServer +"JsonService.asmx/Load_ContributivePerson_Table",
     data:"{FlowID:'"+FlowID+"',PageCount:"+PageCount+",CurrentPage:" + CurrentPage +"}" ,
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     success: function(msg){
        msg = msg.replace(new RegExp('(^|[^\\\\])\\"\\\\/Date\\((-?[0-9]+)\\)\\\\/\\"', 'g'), "$1new Date($2)");
        var data = eval("(" + msg + ")");  
        var strTR="";
        var RowCount = 1;
        jQuery.each(data, function(rec) {  
           strTR += "<TR id='TR_" + RowCount + "' class='MyTableTR' align='center' >";
           strTR += " <TD style='width:1%; display:none' id='Key_"+RowCount+"' class='MyTableTD' >" + this.INVID + "</TD>";
           strTR += " <TD style='width:10%' class='MyTableTD' >" + this.INVTYPEName + "</TD>";
           strTR += " <TD style='width:10%' class='MyTableTD' >" + this.INV + "</TD>";
           strTR += " <TD style='width:10%' class='MyTableTD' >" + this.CONFORM + "</TD>";
           strTR += " <TD style='width:10%' class='MyTableTD' >" + this.SUBCONAM + "</TD>";
           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()  

上一页  1 2 3 4 5 6 7 8  下一页

Tags:JQuery 构建 客户

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接