需要用到的插件jquery.pagination.js
html
<table id="tbAddress"> <tr> <th>姓名</th> <th>参会号码</th> <th>分组</th> </tr> </table> <div id="Pagination" class="pagination cf ac"> </div>
js
var pageIndex = 0; var pageSize = 10; $(document).ready(function () { InitContactors(); }); //初始化联系人列表 var InitContactors = function () { InitTable(0); //总条目数 var count = GetContactorCount($("#hidGroupId").val()).value; $("#Pagination").pagination(count, { callback: PageCallback, prev_text: '上一页', next_text: '下一页', items_per_page: pageSize, num_display_entries: 6,//连续分页主体部分分页条目数 current_page: pageIndex,//当前页索引 num_edge_entries: 2//两侧首尾分页条目数 }); }; //翻页调用 function PageCallback(index, jq) { InitTable(index); } //请求数据 function InitTable(pageIndex) { $.ajax({ type: "POST", dataType: "text", url: 'Common/AddressPageHandler.ashx', data: "pageindex=" + (pageIndex + 1) + "&pagesize=" + pageSize, success: function (data) { $("#tbAddress tr:gt(0)").remove();//移除Id为Result的表格里的行,从第二行开始(这里根据页面布局不同页变) $("#tbAddress").append(data);//将返回的数据追加到表格 } }); }
ashx
int pageIndex = Convert.ToInt32(context.Request["pageindex"]); int pageSize = Convert.ToInt32(context.Request["pagesize"]); if (pageIndex == 0) { pageIndex = 1; } _rcg = _cgm.GetGroups(LoginUser.SeqNo, LoginUser.CompID, pageIndex, pageSize); if (!_rcg.State) { _log.Append("state", _rcg.State); } else { var sb = new StringBuilder(); if (_rcg != null && _rcg.Count > 0) { foreach (var item in _rcg.CGroups) { sb.Append("<tr class="table-border-tr">"); sb.Append("<td>" + item.ContactorName + "</td>"); sb.Append("<td>" + item.ConfParticipatePhoneNo + "</td>"); sb.Append("<td>" + groupName + "</td></tr>"); } str = sb.ToString(); } context.Response.Write(str); }