宝哥软件园

ASP.NET jquery没有刷新分页插件

编辑:宝哥软件园 来源:互联网 时间:2021-10-05

使用Jquery不刷新分页插件jquery.pagination.js实现不刷新分页效果。友好提醒:在这个例子中,Handler使用StringBuilder的append方法来追加HTML,对于小数据来说是可以的,但是为了更好的性能和灵活性,建议返回JSON格式的数据。1.插件参数列表

2.页面内容:复制代码代码如下: %@页面语言=' c# ' AutoEventWireup=' true ' CodeFile=' Default。aspx。cs ' Inherits=' _ Default ' %!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head runat=' server ' title porschev-无刷新翻页/title script src=' http : script/jquery-1。4 .1 .量滴js ' type=' text/JavaScript '/script script src=' http : script/jquery。分页。js ' type=' text/JavaScript '/script。js ' type=' text/JavaScript '/脚本链接href=' Style/桌布。CSS“rel=”样式表type=' text//页面索引初始值var pageSize=10//每页显示条数初始化,修改显示条数,修改这里即可$(function(){ InitTable(0));//加载事件,初始化表格数据,页面索引为0(第一页) //分页,页数是总条目数,这是必选参数,其它参数都是可选$(' #分页').分页(%)=页数%,{ callback: PageCallback,prev_text: '上一页', //上一页按钮里' text next_text: '下一页', //下一页按钮里text items _ per _ page :页面大小,//显示条数num _ display _ entries: 6,//连续分页主体部分分页条目数current_page: pageIndex,//当前页索引num _ edge _ entry : 2/两侧首尾分页条目数});//翻页调用函数PageCallback(index,jq){ InitTable(index);} //请求数据函数InitTable(pageIndex) { $ .ajax({ type: 'POST ',dataType: 'text ',URL : ' Handler/page Handler。ashx ',//提交到一般处理程序请求数据数据:“页面索引=”(页面索引1)“页面大小=”页面大小,//提交两个参数:pageIndex(页面索引),页面大小(显示条数)成功:函数(数据){ $('#Result tr:gt(0)').移除();//移除身份为结果的表格里的行,从第二行开始(这里根据页面布局不同页变)$(“# Result”).追加(数据);//将返回的数据追加到表格} });} });/script/head body div align=' center ' h1 posr chev-无刷新分页/h1 /div div id='容器'表id='结果'单元格间距='0 '单元格填充='0 '第编号/th名称/th/tr/table div id=' Pagination '/div/div/body/html 3 .页面。铯文件内容:复制代码代码如下:使用系统;使用系统。集合。通用;使用系统Linq .使用系统网络.使用系统网络。用户界面使用系统。网络控件;公共部分类_默认:系统网络。ui。第{ public string页页数=字符串.空的;//总条目数受保护的无效页面_加载(对象发送方,事件参数e) { if(!IsPostBack){页数=新页面testbll .人事经理()。GetPersonCount().ToString();} } } 4.处理者中的内容:复制代码代码如下: %@网络处理器语言=' c# ' Class=' page handler ' %使用系统;使用系统网络.使用系统。集合。通用;使用系统。文字;公共类页面处理程序: IHttpHandler { public void process request(HttpContext context){ context .响应。内容类型='文本/纯文本;字符串字符串=字符串。空的;//具体的页面数int pageIndex里面的(上下文。请求['pageIndex'],出页索引);//页面显示条数int size=转换.ToInt32(上下文。请求[' PageSize ']);if(PageIndex==0){ PageIndex=1;} int计数;ListPagerTestModels .人员列表=新的PagerTestBLL .人事经理()。GetAllPerson(大小,页面索引'',计数不足);StringBuilder sb=new StringBuilder();foreach(页面测试模型.名单上的人。追加(“trtd”);某人(某人的简写)追加(p . idToString());某人(某人的简写)追加('/tdtd ');某人(某人的简写)追加(p。名称);某人(某人的简写)追加('/TD/tr ');} str=sb .ToString();语境。响应。写入(字符串);} public bool IsReuse { get { return false;} } } 5.实现效果图

源码下载

更多资讯
游戏推荐
更多+