创建WebPager类

 public static class WebPager{public static string WebPagerAjax(string Idn, bool IsShort){string html = @"<style type=""text/css"">.pgE{color:#FF9A2A;cursor:pointer;}.pgD{color:gray;}</style><script type=""text/javascript"" language=""javascript"">var pgTotal$Idn$Page$Idn$;function pgSetPaged$Idn$(pgi) {pgTotal$Idn$Page$Idn$ = 0; var pageIndex = 0; var totalCount =0;var pageSize = 0;var isFirst = true; var isLast = true;if(pgi!=null){pgTotal$Idn$Page$Idn$ = pgi.TotalPage;pageIndex = pgi.PageIndex;if(pageIndex==0 && pgTotal$Idn$Page$Idn$>0){pageIndex=1;}                                     totalCount =pgi.TotalCount;pageSize = pgi.PageSize;                             isFirst = pgi.IsFirstPage;isLast = pgi.IsLastPage;}$(""#pgTotal$Idn$"").html(pgTotal$Idn$Page$Idn$);$(""#pgIndex$Idn$"").html(pageIndex);$(""#pgTotal$Idn$Count"").html(totalCount);//$(""#pgSize"").html(pageSize);$(""#pgGo$Idn$Index$Idn$"").val(pageIndex);$(""#pgFirst$Idn$"").removeClass(""pgE"");$(""#pgPrevious$Idn$"").removeClass(""pgE"");$(""#pgLast$Idn$"").removeClass(""pgE"");$(""#pgNext$Idn$"").removeClass(""pgE"");$(""#pgFirst$Idn$"").removeClass(""pgD"");$(""#pgPrevious$Idn$"").removeClass(""pgD"");$(""#pgLast$Idn$"").removeClass(""pgD"");$(""#pgNext$Idn$"").removeClass(""pgD"");var psize = pageSize;if (isFirst) {$(""#pgFirst$Idn$"").addClass(""pgD"");$(""#pgPrevious$Idn$"").addClass(""pgD"");$(""#pgFirst$Idn$"").unbind();$(""#pgPrevious$Idn$"").unbind();}else {$(""#pgFirst$Idn$"").unbind();$(""#pgPrevious$Idn$"").unbind();$(""#pgFirst$Idn$"").addClass(""pgE"");$(""#pgPrevious$Idn$"").addClass(""pgE"");$(""#pgFirst$Idn$"").bind(""click"", { pageIndex: 1, pageSize: psize }, pgChangeIndex);var ind = pageIndex - 1;if (ind < 1) ind = 1;$(""#pgPrevious$Idn$"").bind(""click"", { pageIndex: ind, pageSize: psize }, pgChangeIndex);}if (isLast) {$(""#pgLast$Idn$"").addClass(""pgD"");$(""#pgNext$Idn$"").addClass(""pgD"");$(""#pgLast$Idn$"").unbind();$(""#pgNext$Idn$"").unbind();}else {$(""#pgLast$Idn$"").unbind();$(""#pgNext$Idn$"").unbind();$(""#pgLast$Idn$"").addClass(""pgE"");$(""#pgNext$Idn$"").addClass(""pgE"");     ind = pageIndex + 1;if (ind > pgTotal$Idn$Page$Idn$) ind = pgTotal$Idn$Page$Idn$;$(""#pgNext$Idn$"").bind(""click"", { pageIndex: ind, pageSize: psize }, pgChangeIndex);$(""#pgLast$Idn$"").bind(""click"", { pageIndex: pgTotal$Idn$Page$Idn$, pageSize: psize }, pgChangeIndex);}
$(""#pgGo$Idn$"").unbind(""click"");$(""#pgGo$Idn$"").bind(""click"", {  pageSize: psize }, pgGo$Idn$);}function pgGo$Idn$(event) {var ind = $(""#pgGo$Idn$Index$Idn$"").val();if(ind > pgTotal$Idn$Page$Idn$) ind = pgTotal$Idn$Page$Idn$;if(ind < 1) ind = 1;pgLoadData$Idn$(ind, event.data.pageSize); }function pgChangeIndex(event) {pgLoadData$Idn$(event.data.pageIndex, event.data.pageSize);}</script><div style=""text-align:left"">";if (IsShort)html += @"页次:<span id=""pgIndex$Idn$""></span>/<span id=""pgTotal$Idn$""></span><span id=""pgFirst$Idn$"">第一页</span><span id=""pgPrevious$Idn$"">上页</span><span id=""pgNext$Idn$"">下页</span><span id=""pgLast$Idn$"">最后页</span>";elsehtml += @"第<span id=""pgIndex$Idn$""></span>/<span id=""pgTotal$Idn$""></span>页总<span id=""pgTotal$Idn$Count""></span>条<span id=""pgFirst$Idn$""  class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""pgPrevious$Idn$""  class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""pgNext$Idn$"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""pgLast$Idn$"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>跳转<input id=""pgGo$Idn$Index$Idn$"" size=""1"" maxlength=""8"" style=""width:40px;""οnkeyup=""value=value.replace(/[^\d]/g,'')"" onbeforepaste=""clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"" class=""input-text size-MINI""/><button id=""pgGo$Idn$"" type=""button"" class=""btn btn-secondary size-MINI radius"" >Go</button>";html += "</div>";//Js中 pgLoadData$Idn$ 为期望方法return html.Replace("$Idn$", Idn);}/// <summary>/// 呈现分页控制器,基于Ajax JSON数据,需要前端编写 pgLoadData 方法/// OA专用/// </summary>/// <remarks>/// 使用本方法的步骤/// 1.调用 pgSetPaged(pgi) 设置分页数据 pgi 为 PagedInfo JSON 格式/// 2.编写 function pgLoadData(ind, size) {} JavaScript方法处理分页数据获取/// </remarks>/// <returns>生成html分页UI的字符串</returns>public static string WebPagerAjax(bool IsShort){string html = @"<style type=""text/css"">.pgE{color:#FF9A2A;cursor:pointer;}.pgD{color:gray;}</style><script type=""text/javascript"" language=""javascript"">var pgTotalPage;function pgSetPaged(pgi) {pgTotalPage = 0;var pageIndex = 0; var totalCount =0;var pageSize = 0;var isFirst = true; var isLast = true;if(pgi!=null){pgTotalPage = pgi.TotalPage;pageIndex = pgi.PageIndex;if(pageIndex==0 && pgTotalPage>0){pageIndex=1;}totalCount =pgi.TotalCount;pageSize = pgi.PageSize;isFirst = pgi.IsFirstPage;isLast = pgi.IsLastPage;}$(""#pgTotal"").html(pgTotalPage);$(""#pgIndex"").html(pageIndex);$(""#pgTotalCount"").html(totalCount);//$(""#pgSize"").html(pageSize);$(""#pgGoIndex"").val(pageIndex);$(""#pgFirst"").removeClass(""pgE"");$(""#pgPrevious"").removeClass(""pgE"");$(""#pgLast"").removeClass(""pgE"");$(""#pgNext"").removeClass(""pgE"");$(""#pgFirst"").removeClass(""pgD"");$(""#pgPrevious"").removeClass(""pgD"");$(""#pgLast"").removeClass(""pgD"");$(""#pgNext"").removeClass(""pgD"");var psize = pageSize;if (isFirst) {$(""#pgFirst"").addClass(""pgD"");$(""#pgPrevious"").addClass(""pgD"");$(""#pgFirst"").unbind();$(""#pgPrevious"").unbind();}else {$(""#pgFirst"").unbind();$(""#pgPrevious"").unbind();$(""#pgFirst"").addClass(""pgE"");$(""#pgPrevious"").addClass(""pgE"");$(""#pgFirst"").bind(""click"", { pageIndex: 1, pageSize: psize }, pgChangeIndex);var ind = pageIndex - 1;if (ind < 1) ind = 1;$(""#pgPrevious"").bind(""click"", { pageIndex: ind, pageSize: psize }, pgChangeIndex);}if (isLast) {$(""#pgLast"").addClass(""pgD"");$(""#pgNext"").addClass(""pgD"");$(""#pgLast"").unbind();$(""#pgNext"").unbind();}else {$(""#pgLast"").unbind();$(""#pgNext"").unbind();$(""#pgLast"").addClass(""pgE"");$(""#pgNext"").addClass(""pgE"");     ind = pageIndex + 1;if (ind > pgTotalPage) ind = pgTotalPage;$(""#pgNext"").bind(""click"", { pageIndex: ind, pageSize: psize }, pgChangeIndex);$(""#pgLast"").bind(""click"", { pageIndex: pgTotalPage, pageSize: psize }, pgChangeIndex);}
$(""#pgGo"").unbind(""click"");$(""#pgGo"").bind(""click"", {  pageSize: psize }, pgGo);}function pgGo(event) {var ind = $(""#pgGoIndex"").val();if(ind > pgTotalPage) ind = pgTotalPage;if(ind < 1) ind = 1;pgLoadData(ind, event.data.pageSize); }function pgChangeIndex(event) {pgLoadData(event.data.pageIndex, event.data.pageSize);}</script><div style=""text-align:left;margin-top:2px;"">";if (IsShort)html += @"页次:<span id=""pgIndex""></span>/<span id=""pgTotal""></span><span id=""pgFirst"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""pgPrevious"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""pgNext"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""pgLast"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>";elsehtml += @"第<span id=""pgIndex""></span>/<span id=""pgTotal""></span>页总<span id=""pgTotalCount""></span>条<span id=""pgFirst"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""pgPrevious"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""pgNext"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""pgLast"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>跳转<input id=""pgGoIndex"" size=""1"" maxlength=""8"" style=""width:40px;""οnkeyup=""value=value.replace(/[^\d]/g,'')"" onbeforepaste=""clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"" class=""input-text size-MINI""/><button id=""pgGo"" type=""button"" class=""btn btn-secondary size-MINI radius"">Go</button>";html += "</div>";//Js中 pgLoadData 为期望方法return html;}/// <summary>/// 呈现分页控制器,基于Ajax JSON数据,需要前端编写 pgLoadData 方法/// 资产专用/// </summary>/// <remarks>/// 使用本方法的步骤/// 1.调用 pgSetPaged(pgi) 设置分页数据 pgi 为 PagedInfo JSON 格式/// 2.编写 function pgLoadData(ind, size) {} JavaScript方法处理分页数据获取/// </remarks>/// <returns>生成html分页UI的字符串</returns>public static string WebPagerAjax1(bool IsShort){string html = @"<style type=""text/css"">.pgE{color:#FF9A2A;cursor:pointer;}.pgD{color:gray;}</style><script type=""text/javascript"" language=""javascript"">var pgTotalPage1;function pgSetPaged1(pgi) {pgTotalPage1 = 0; var pageIndex1 = 0; var totalCount1 =0;var pageSize1 = 0;var isFirst1 = true; var isLast1 = true;if(pgi!=null){pgTotalPage1 = pgi.TotalPage;pageIndex1 = pgi.PageIndex;if(pageIndex1==0 && pgTotalPage1>0){pageIndex1=1;}                                     totalCount1 =pgi.TotalCount;pageSize1 = pgi.PageSize;                             isFirst1 = pgi.IsFirstPage;isLast1 = pgi.IsLastPage;}$(""#pgTotal1"").html(pgTotalPage1);$(""#pgIndex1"").html(pageIndex1);$(""#pgTotalCount1"").html(totalCount1);//$(""#pgSize"").html(pageSize);$(""#pgGoIndex1"").val(pageIndex1);$(""#pgFirst1"").removeClass(""pgE"");$(""#pgPrevious1"").removeClass(""pgE"");$(""#pgLast1"").removeClass(""pgE"");$(""#pgNext1"").removeClass(""pgE"");$(""#pgFirst1"").removeClass(""pgD"");$(""#pgPrevious1"").removeClass(""pgD"");$(""#pgLast1"").removeClass(""pgD"");$(""#pgNext1"").removeClass(""pgD"");var psize = pageSize1;if (isFirst1) {$(""#pgFirst1"").addClass(""pgD"");$(""#pgPrevious1"").addClass(""pgD"");$(""#pgFirst1"").unbind();$(""#pgPrevious1"").unbind();}else {$(""#pgFirst1"").unbind();$(""#pgPrevious1"").unbind();$(""#pgFirst1"").addClass(""pgE"");$(""#pgPrevious1"").addClass(""pgE"");$(""#pgFirst1"").bind(""click"", { pageIndex1: 1, pageSize1: psize }, pgChangeIndex);var ind = pageIndex1 - 1;if (ind < 1) ind = 1;$(""#pgPrevious1"").bind(""click"", { pageIndex1: ind, pageSiz1e: psize }, pgChangeIndex);}if (isLast1) {$(""#pgLast1"").addClass(""pgD"");$(""#pgNext1"").addClass(""pgD"");$(""#pgLast1"").unbind();$(""#pgNext1"").unbind();}else {$(""#pgLast1"").unbind();$(""#pgNext1"").unbind();$(""#pgLast1"").addClass(""pgE"");$(""#pgNext1"").addClass(""pgE"");     ind = pageIndex1 + 1;if (ind > pgTotalPage1) ind = pgTotalPage1;$(""#pgNext1"").bind(""click"", { pageIndex1: ind, pageSize1: psize }, pgChangeIndex);$(""#pgLast1"").bind(""click"", { pageIndex1: pgTotalPage1, pageSize1: psize }, pgChangeIndex);}
$(""#pgGo1"").unbind(""click"");$(""#pgGo1"").bind(""click"", {  pageSize1: psize }, pgGo);}function pgGo(event) {var ind = $(""#pgGoIndex1"").val();if(ind > pgTotalPage1) ind = pgTotalPage1;if(ind < 1) ind = 1;pgLoadData(ind, event.data.pageSize); }function pgChangeIndex(event) {pgLoadData(event.data.pageIndex, event.data.pageSize);}</script><div style=""text-align:left"">";if (IsShort)html += @"页次:<span id=""pgIndex1""></span>/<span id=""pgTotal1""></span><span id=""pgFirst1"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""pgPrevious1"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""pgNext1"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""pgLast1"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>";elsehtml += @"第<span id=""pgIndex1""></span>/<span id=""pgTotal1""></span>页总<span id=""pgTotalCount1""></span>条<span id=""pgFirst1"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""pgPrevious1"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""pgNext1"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""pgLast1"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>跳转<input id=""pgGoIndex1"" size=""1"" maxlength=""8"" style=""width:40px;""οnkeyup=""value=value.replace(/[^\d]/g,'')"" onbeforepaste=""clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"" class=""input-text size-MINI""/><button id=""pgGo1"" type=""button"" class=""btn btn-secondary size-MINI radius"" >Go</button>";html += "</div>";//Js中 pgLoadData 为期望方法return html;}public static string WebPagerAjax(){string html = @"<style type=""text/css"">.pgE{color:#FF9A2A;cursor:pointer;}.pgD{color:gray;}</style><script type=""text/javascript"" language=""javascript"">var pgTotalPage;function pgSetPaged(pgi,pgid) {pgTotalPage = 0; var pageIndex = 0; var totalCount =0;var pageSize = 0;var isFirst = true; var isLast = true;if(pgi!=null){pgTotalPage = pgi.TotalPage;pageIndex = pgi.PageIndex;if(pageIndex==0 && pgTotalPage>0){pageIndex=1;}                                     totalCount =pgi.TotalCount;pageSize = pgi.PageSize;                             isFirst = pgi.IsFirstPage;isLast = pgi.IsLastPage;}$(""#""+pgid+""pgTotal"").html(pgTotalPage);$(""#""+pgid+""pgIndex"").html(pageIndex);$(""#""+pgid+""pgTotalCount"").html(totalCount);//$(""#""+pgid+""pgSize"").html(pageSize);$(""#""+pgid+""pgGoIndex"").val(pageIndex);$(""#""+pgid+""pgFirst"").removeClass(""pgE"");$(""#""+pgid+""pgPrevious"").removeClass(""pgE"");$(""#""+pgid+""pgLast"").removeClass(""pgE"");$(""#""+pgid+""pgNext"").removeClass(""pgE"");$(""#""+pgid+""pgFirst"").removeClass(""pgD"");$(""#""+pgid+""pgPrevious"").removeClass(""pgD"");$(""#""+pgid+""pgLast"").removeClass(""pgD"");$(""#""+pgid+""pgNext"").removeClass(""pgD"");var psize = pageSize;var PageID=pgid;if (isFirst) {$(""#""+pgid+""pgFirst"").addClass(""pgD"");$(""#""+pgid+""pgPrevious"").addClass(""pgD"");$(""#""+pgid+""pgFirst"").unbind();$(""#""+pgid+""pgPrevious"").unbind();}else {$(""#""+pgid+""pgFirst"").unbind();$(""#""+pgid+""pgPrevious"").unbind();$(""#""+pgid+""pgFirst"").addClass(""pgE"");$(""#""+pgid+""pgPrevious"").addClass(""pgE"");$(""#""+pgid+""pgFirst"").bind(""click"", { pageIndex: 1, pageSize: psize,pgid:PageID }, pgChangeIndex);var ind = pageIndex - 1;if (ind < 1) ind = 1;$(""#""+pgid+""pgPrevious"").bind(""click"", { pageIndex: ind, pageSize: psize,pgid:PageID }, pgChangeIndex);}if (isLast) {$(""#""+pgid+""pgLast"").addClass(""pgD"");$(""#""+pgid+""pgNext"").addClass(""pgD"");$(""#""+pgid+""pgLast"").unbind();$(""#""+pgid+""pgNext"").unbind();}else {$(""#""+pgid+""pgLast"").unbind();$(""#""+pgid+""pgNext"").unbind();$(""#""+pgid+""pgLast"").addClass(""pgE"");$(""#""+pgid+""pgNext"").addClass(""pgE"");     ind = pageIndex + 1;if (ind > pgTotalPage) ind = pgTotalPage;$(""#""+pgid+""pgNext"").bind(""click"", { pageIndex: ind, pageSize: psize,pgid:PageID }, pgChangeIndex);$(""#""+pgid+""pgLast"").bind(""click"", { pageIndex: pgTotalPage, pageSize: psize,pgid:PageID}, pgChangeIndex);}
$(""#""+pgid+""pgGo"").unbind(""click"");$(""#""+pgid+""pgGo"").bind(""click"", {  pageSize: psize,pgid:PageID }, pgGo);}function pgGo(event) {var ind = $(""#""+event.data.pgid+""pgGoIndex"").val();if(ind > pgTotalPage) ind = pgTotalPage;if(ind < 1) ind = 1;pgLoadData(ind, event.data.pageSize,event.data.pgid); }function pgChangeIndex(event) {pgLoadData(event.data.pageIndex, event.data.pageSize,event.data.pgid);}</script>";//Js中 pgLoadData 为期望方法return html;}public static string WebPagerhtml(bool IsShort, string PageID){string html = @"<div id=" + PageID + @"_page style=""text-align:left"">";if (IsShort)html += @"页次:<span id=""" + PageID + @"pgIndex""></span>/<span id=""" + PageID + @"pgTotal""></span><span id=""" + PageID + @"pgFirst"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""" + PageID + @"pgPrevious"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""" + PageID + @"pgNext"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""" + PageID + @"pgLast"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>";elsehtml += @"第<span id=""" + PageID + @"pgIndex""></span>/<span id=""" + PageID + @"pgTotal""></span>页总<span id=""" + PageID + @"pgTotalCount""></span>条<span id=""" + PageID + @"pgFirst"" class=""btn btn-secondary-outline size-MINI radius"" >第一页</span><span id=""" + PageID + @"pgPrevious"" class=""btn btn-secondary-outline size-MINI radius"" >上页</span><span id=""" + PageID + @"pgNext"" class=""btn btn-secondary-outline size-MINI radius"" >下页</span><span id=""" + PageID + @"pgLast"" class=""btn btn-secondary-outline size-MINI radius"" >最后页</span>跳转<input id=""" + PageID + @"pgGoIndex"" size=""1"" maxlength=""8"" style=""width:40px;""οnkeyup=""value=value.replace(/[^\d]/g,'')"" onbeforepaste=""clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"" class=""input-text size-MINI""/><button id=""" + PageID + @"pgGo"" type=""button"" class=""btn btn-secondary size-MINI radius"" >Go</button>";html += "</div>";return html;}}

添加填充table的js代码

//填充列表
   //imgPath:图片文件夹的路径
   //placeHold:占位符名|TypeName|是否使用unescape,例:\{SexID\}|Model.PubEnums.EnSex|0

function funFillTableByPage(imgPath, tableId, url, jsondata, trhtml, placeHold) {$("#" + tableId + " .listdata").remove();$("#" + tableId).append("<tr class='listdata'><td colspan='" + String($("#" + tableId + " tr:eq(0)").find("th").length) + "'><img src='" + imgPath + "onLoad.gif' align='absMiddle' /></td></tr>");var arrHold = placeHold.split(",");$.ajax({type: "post",url: url,dataType: "json",async: false,contentType: "application/json; charset=utf-8",data: jsondata,success: function (result, status) {if (result != undefined && result != null) {var ResultJson = result;if (ResultJson.ResultFlag == undefined) {$("#" + tableId + " .listdata").remove();alert(unescape(ResultJson.ResultMsg));if (ResultJson.ResultCode == 3) {window.top.location = "/Frame/Login";return;}}else {if (ResultJson.ResultCode == 3) {window.top.location = "/Frame/Login";return;}if (ResultJson.ResultCode == 0) {ResultJson = eval("("+ResultJson.ResultMsg+")");if (ResultJson.PagedInfo.PageSize != 0 && ResultJson.PagedInfo.PageIndex != 0) {_ind = ResultJson.PagedInfo.PageIndex;pgSetPaged(ResultJson.PagedInfo, tableId);}else {pgSetPaged(null, tableId);}var list = ResultJson.ListData;$("#" + tableId + " .listdata").remove();$.each(list, function (i) {var item = list[i];var row = trhtml;for (var h = 0; h < arrHold.length; h++) {if (arrHold[h] != null && arrHold[h] != "") {var sText = "";var arrHoldItem = arrHold[h].split("|");eval("sText = item." + arrHoldItem[0]);if (arrHoldItem.length == 3) {if (arrHoldItem[1] != null && arrHoldItem[1] != "") {eval("sText = funGetText('" + arrHoldItem[1] + "', \"" + sText + "\");");}if (arrHoldItem[2] != null && arrHoldItem[2] == "1") {eval("sText = unescape(sText);");}if (arrHoldItem[2] != null && arrHoldItem[2] == "2") {if (sText != null && sText != "" && sText.indexOf("1900-01-01") == -1) {var dt = new Date(sText.replace(/-/g, "/"));var month = dt.getMonth() + 1;sText = dt.getFullYear() + "-" + month + "-" + dt.getDate();}else {eval("sText = \"\";");}}}eval("row = row.replace(/\{" + arrHoldItem[0] + "\}/g, sText == null ? \"\" : unescape(sText))");}}$("#" + tableId).append("<tr class='listdata'>" + row + "</tr>");});}}}$("#" + tableId + " tr:even").addClass("dgalt");$("#" + tableId + " tr:odd").addClass("dgitem");},error: function (error) {alert("调用出错:" + error.responseText);}});}

Html页面JS调用

        // 每页分页显示数var _pgSizelist = 15;// 当前分页号var _pgIndex = 1;// 是否正在加载数据var IsPgLoad = false;// 加载列表数据function pgLoadData(pgIndex, pgSize) {// 判断是否正在加载数据 避免重复加载if (IsPgLoad) return;IsPgLoad = true;var jsondata = Getjsondata(pgIndex, pgSize);funFillTableByPage("../../Content/Image/", "list", "/Bus/GetList", jsondata,$("#list tr:eq(1)").html(), "ID,Name,Name,MeName,facturer,CylinderNum,CardStatus|CardStatus|0,Remarks,CylinderCode,VehicleNum,NextCheckDate||0,ScrapDate||0");IsPgLoad = false;}

Html页面模板

  <table id="list" class="dg"><tr><th style="width: 30px;"><input type="checkbox" id="selAll" value="" onclick="javascript: funSelectAll();" /></th><th style="width: 100px;">车牌号码</th><th style="width: 100px;">气瓶编号</th>@*<th style="width: 250px;">所属公司</th>*@<th style="width: 80px;">气瓶型号</th><th style="width: 100px;">充装介质</th><th style="width: 230px;">生产厂家</th><th style="width: 120px;">出厂编号</th><th style="width: 80px;">下检日期</th><th style="width: 80px;">报废日期</th><th style="width: 80px;">发卡状态</th><th>备注</th></tr><tr style="display: none;"><td><input type="checkbox" id="chk{ID}" value="{ID}" /></td><td><a href="javascript:ShowVehicleDetail(&quot;{Num}&quot;);">{Num}</a></td><td><a href="javascript:ShowDetail(&quot;{CID}&quot;);">{CCode}</a></td><td>{MName}</td><td>{MeName}</td><td title="{Manufacturer}">{Manufacturer}</td><td>{CNum}</td><td>{NextCheckDate}</td><td>{ScrapDate}</td><td>{CardStatus}</td><td>{Remarks}</td></tr><tbody></tbody></table><div><span class="btnspan">@Html.Raw(WebPager.WebPagerAjax("list", false))</span></div>

转载于:https://www.cnblogs.com/TBW-Superhero/p/6679534.html

c# Ajax后台动态分页相关推荐

  1. 不用ajax实现动态分页,详解ajax +jtemplate实现动态分页

    jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了. 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数 ...

  2. 使用pagination分页插件实现Ajax动态分页

    pagination插件下载地址:https://pan.baidu.com/s/1c3QQ7XQ 一.前言 做的一个列表页要将所有结果显示出来,太多记录不能一次性显示,所以要进行分页.一开始尝试自己 ...

  3. ajax php 动态,jQuery+PHP+Ajax实现动态数字统计展示功能

    jQuery+PHP+Ajax实现的一款动态数字统计展示实例,本例是在页面上动态展示了当前在线用户数,当然了,你可以应用到其他更多场景中. 首先我们在#number放置要统计的数字: 当前在线: 然后 ...

  4. php表格tr,jQuery+ajax实现动态添加表格tr td功能示例

    本文实例讲述了jQuery+ajax实现动态添加表格tr td功能.分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: ajax部分: va ...

  5. 基于.Net 写我自己的Ajax后台框架AjaxFramework

    小小目录: 为什么要写自己的Ajax后台框架 框架的简单设计说明 框架如何使用 框架使用效果图 框架的优缺点 框架源码下载 1.为什么要写自己的Ajax后台框架 现在Ajax在web应用方面已经用的稀 ...

  6. ajax + laypage实现分页

    ajax + laypage实现分页 使用laypage实现分页,官网给出的实例如下,由于官网没有从后台获取数据,只是在前端构造了一些数据,在我们实际应用中可能会踩坑,在此做个记录. <!DOC ...

  7. 产品ajax无刷新kesion,科讯商业版中用到的ajax空间与分页函数

    科讯商业版中用到的ajax空间与分页函数 更新时间:2007年09月02日 22:02:32   作者: 科讯sql商业版中用到的ajax空间与分页函数,他们的js代码学习是非常不错的 //ajax  ...

  8. IntelliJ IDEA中ajax开发实现分页查询

    此文章的图片被简书禁止访问了, 可以上简书查看此文章. 链接如下 https://www.jianshu.com/p/1fd6b39e98ac IntelliJ IDEA中ajax开发实现分页查询 文 ...

  9. php 动态分页,PHP动态分页函数,PHP开发分页必备啦

    PHP动态分页函数,PHP开发分页必备啦发布:mdxy-dxy 字体:[增加 减小] 类型:转载 PHP动态分页函数,PHP开发分页必备啦.其实吧,这个是必用的,不说了,PHP动态分页函数还是不错,比 ...

最新文章

  1. Codeforces Round #699 (Div. 2) F - AB Tree(贪心、树上DP)超级清晰,良心题解,看不懂来打我 ~
  2. 改变mysql数据库用户的权限
  3. Oracle 查询今天、昨日、本周、本月和本季度的所有记录
  4. 报名啦!阿里云智能客服对话式AI算法大赛之知识图谱构建与问答
  5. strlcpy和strlcat——一致的、安全的字符串拷贝和串接函数
  6. 【javascript】js实现复制、粘贴
  7. centos7 yum安装配置redis 并设置密码
  8. 【linux(2),Redis面试复习大纲在手面试不慌
  9. Django实现adminx后台网站访问的IP记录统计
  10. 【简●解】[SDOI2008] Sue的小球
  11. 北京科技大学与北京工业大学计算机,请问北京工业大学和北京科技大学2010年计算机专业研究生的录取分数线是多少?谢谢!...
  12. 腾讯企业邮箱解析到阿里云域名
  13. 未来计算机网络科技发展趋势,未来计算机网络的发展趋势
  14. 微信点击链接:debugx5.qq.com提示您使用的不是x5内核
  15. 【软考】高级系统架构设计师学习经验分享
  16. 手机/移动端的UI框架-Vant和NutUI
  17. 【整理】getopt和getopt_long函数
  18. Gitkraken收费问题解决
  19. cesium常见操作:鼠标点击获取对象
  20. 看似不负责任的菩提祖师,却用另外一种方式,造就了孙悟空的人生

热门文章

  1. Flink 异步IO访问外部数据(mysql篇)
  2. laravel异常处理
  3. angular 路由页面不刷新
  4. 史上最具体Android集成QQ,微信,微博分享(不用第三方)持续更新中
  5. Phonegap之内存问题
  6. Android ListView 设置
  7. 根据IP地址,子网掩码计算主机所在网络的网络地址和广播地址
  8. 新手向:从不同的角度来详细分析Redis
  9. Swift标准库源码阅读笔记 - Array和ContiguousArray
  10. Linux常用命令——fsck