手机版

jquery分页插件jquery . Paging . js实现刷新分页

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

本文分享jquery分页插件的相关代码,实现无刷新分页,供大家参考。具体内容如下。

1.使用的插件是jquery.pagination.js如果没有这样的js文件,我可以发一个。

首先参考jquery.pagination.js(分页js)和pagination.css(分页样式css)。

单击获取查看这两个文件。

2.页面js代码是:

脚本类型=' text/JavaScript ' var page index=0;//页面索引var的初始值pageSize=15//初始化每页显示项目数,修改显示项目数,在这里修改得到$(function(){ InitTable(0);//Load事件,初始化表数据,页面索引为0(第一页)//PageCount为条目总数,为必选项。其他参数是可选的$ ('# Pagination ')。分页(%)=pcount %,{callback: PageCallback,//PageCallback()调用子函数进行翻页。Prev_text: '上一页'、next_text: '下一页'、items _ per _ page: pagesize、num _ edge _ entries 3360 2、//两侧第一个和最后一个分页条目的数量num _ display _ entries 3360 6、//连续分页current _ page主要部分的分页条目数量。//翻页调用函数page回调(index,jq){ init table(index);}//请求数据函数inittable(页索引){$。Ajax ({type:' post '、datatype3360' text '、URL : ' http://www . cn blogs.com/tool/Reserver/managebubatchmanage . ashx ',//提交给通用处理程序请求数据data : ' page index='(page index)' page size=' page size。//提交两个参数:pageindex(页面索引)、pagesize(显示项目数)success3360函数(数据){$ ('# resulttr3360gt (0))。//删除表中Id为Result的行,从第二行开始(这里,根据不同的页面布局)$('#Result ')。追加(数据);//将返回的数据追加到表中} });} });/script3。页面主体内的代码是。

表格宽度=' 100% '边框=' 0 '单元格间距=' 0 '单元格填充=' 0' tr TD宽度=' 60' align=' right '商品名称:/td td宽度='200' align='left '输入类型='text' id='txtKeywords' class='关键字'/td宽度=' 200' align=' left '输入id=' search '类型=' button '值=' look ' class=' submit '/TD/TD/tr/Table id=' result '页面背景代码为。

受保护的int pcount=0;//受void page _ load保护的项目总数(对象发送方,eventargs e) {if(!BLL。新bll。TbGoods();pcount=bll。GetRecordCount('状态=' '(整数)枚举。记录状态。正常' ');//获取总页数,即数据的实际总数。如果不理解,那就是从Table中选择count(*),这里是数字。} }5.通用处理程序fffff.ashx代码是。

使用系统;使用系统。集合。通用;使用系统Linq .使用系统网络.使用系统。文字;使用系统。数据;命名空间EShop .网络。管理员。工具。reserver {///summary///listbabbatchmanage的摘要说明////摘要公共类listbubatchmanage : IHttpHandler { public void process request(HttpContext context){ context } .响应。内容类型='文本/纯文本;字符串字符串=字符串。空的;如果(上下文。请求['pageIndex']!=null上下文。请求['pageIndex'].ToString().长度0){ int page索引;//具体的页面数里面的(上下文。请求['pageIndex'],出页索引);如果(上下文。请求['pageSize']!=nullcontext .请求['pageSize'].ToString().长度0) { //页面显示条数int size=转换.ToInt32(上下文。请求[' PageSize ']);字符串数据=BindSource(大小,页面索引);语境。回应。写(数据);语境。响应。end();} } } #地区无刷新分页公共字符串BindSource(int pagesize,int page) { BLL .新bll .TbGoods();数据集ds=bll .GetListByPage('Status='' (int))枚举。记录状态。正常'','',页面大小*第一页,页面大小*(第一页));//获取数据源的从记号处开始重复一遍会吧StringBuilder sb=new StringBuilder();if (ds!=null){ foreach(ds中的记录行。表[0]。某人。追加(“trtd”);某人(某人的简写)追加(第['GoodsUid']行);某人(某人的简写)追加('/tdtd ');某人(某人的简写)追加(行[' GoodsName ']);某人(某人的简写)追加('/TD/tr ');}归还某人. ToString();} #endregion公共bool IsReuse { get { return false } } } } 6。效果图

以上就是本文的全部内容,希望对大家的学习有所帮助。

版权声明:jquery分页插件jquery . Paging . js实现刷新分页是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。